jquery的clone方法应用于textarea和select的bug修复


Posted in Javascript onJune 26, 2014

测试发现,textarea和select的jquery的clone方法有问题,textarea和select的值clone的时候会丢掉,发现这个是jquery的一个bug,上不了的可以看下代码,比较简单。就是在clone的时候将val再重新赋值一下,如果知道这个了,就简单了自己写。

引入到你要用的clone的页面就ok

jquery.fix.clone.js

(function (original) {
jQuery.fn.clone = function () {
var result = original.apply(this, arguments),
my_textareas = this.find('textarea').add(this.filter('textarea')),
result_textareas = result.find('textarea').add(result.filter('textarea')),
my_selects = this.find('select').add(this.filter('select')),
result_selects = result.find('select').add(result.filter('select'));

for (var i = 0, l = my_textareas.length; i < l; ++i) $(result_textareas[i]).val($(my_textareas[i]).val());
for (var i = 0, l = my_selects.length; i < l; ++i) result_selects[i].selectedIndex = my_selects[i].selectedIndex;

return result;
};
}) (jQuery.fn.clone);
Javascript 相关文章推荐
Json2Template.js 基于jquery的插件 绑定JavaScript对象到Html模板中
Oct 29 Javascript
js中的数组Array定义与sort方法使用示例
Aug 29 Javascript
js设置cookie过期当前时间减去一秒相当于立即过期
Sep 04 Javascript
jquery根据锚点offset值实现动画切换
Sep 11 Javascript
JavaScript计时器示例分析
Feb 05 Javascript
简单了解Backbone.js的Model模型以及View视图的源码
Feb 14 Javascript
很棒的js选项卡切换效果
Jul 15 Javascript
AngularJS压缩JS技巧分析
Nov 08 Javascript
JS实现弹出下载对话框及常见文件类型的下载
Jul 13 Javascript
剖析Angular Component的源码示例
Mar 23 Javascript
webpack4.x下babel的安装、配置及使用详解
Mar 07 Javascript
vue-cli history模式实现tomcat部署报404的解决方式
Sep 06 Javascript
document.forms用法示例介绍
Jun 26 #Javascript
JS获取当前日期时间并定时刷新示例
Mar 04 #Javascript
使用ajaxfileupload.js实现ajax上传文件php版
Jun 26 #Javascript
一个简单的jQuery插件ajaxfileupload.js实现ajax上传文件例子
Jun 26 #Javascript
php读取sqlite数据库入门实例代码
Jun 25 #Javascript
javascript基于HTML5 canvas制作画箭头组件
Jun 25 #Javascript
node.js学习总结之调式代码的方法
Jun 25 #Javascript
You might like
thinkphp 多表 事务详解
2013/06/17 PHP
php去除二维数组的重复项方法
2015/11/03 PHP
PHP简单装饰器模式实现与用法示例
2017/06/22 PHP
Laravel 简单实现Ajax滚动加载示例
2019/10/22 PHP
Aster vs KG BO3 第一场2.19
2021/03/10 DOTA
jWiard 基于JQuery的强大的向导控件介绍
2011/10/28 Javascript
javascript之典型高阶函数应用介绍
2013/01/10 Javascript
浅析jQuery中常用的元素查找方法总结
2013/07/04 Javascript
jquery实现的随机多彩tag标签随机颜色和字号大小效果
2014/03/27 Javascript
javascript中typeof操作符和constucor属性检测
2015/02/26 Javascript
JavaScript中exec函数用法实例分析
2015/06/08 Javascript
AngularJS基础 ng-src 指令简单示例
2016/08/03 Javascript
js闭包用法实例详解
2016/12/13 Javascript
微信小程序实现图片自适应(支持多图)
2017/01/25 Javascript
js 博客内容进度插件详解
2017/02/19 Javascript
Node.JS中事件轮询(Event Loop)的解析
2017/02/25 Javascript
详解Vue 普通对象数据更新与 file 对象数据更新
2017/04/26 Javascript
vue-cli2与vue-cli3在一台电脑共存的实现方法
2019/09/25 Javascript
Python实现的简单万年历例子分享
2014/04/25 Python
python opencv人脸检测提取及保存方法
2018/08/03 Python
Python常用数据类型之间的转换总结
2019/09/06 Python
python队列原理及实现方法示例
2019/11/27 Python
python调用函数、类和文件操作简单实例总结
2019/11/29 Python
Python在终端通过pip安装好包以后在Pycharm中依然无法使用的问题(三种解决方案)
2020/03/10 Python
Keras 利用sklearn的ROC-AUC建立评价函数详解
2020/06/15 Python
领先的钻石和订婚戒指零售商:Diamonds-USA
2016/12/11 全球购物
Bose加拿大官方网站:美国知名音响品牌
2019/03/21 全球购物
YBF Beauty官网:美丽挚友,美国知名彩妆品牌
2020/11/22 全球购物
OnePlus加拿大官网:中国国际化手机品牌
2020/10/13 全球购物
历史系毕业生自荐信
2013/10/28 职场文书
公司企业表扬信
2014/01/11 职场文书
项目申报专员岗位职责
2014/07/09 职场文书
申报材料格式
2014/12/30 职场文书
2015年银行工作总结范文
2015/04/01 职场文书
2016年三八节红领巾广播稿
2015/12/17 职场文书
Java数据结构之堆(优先队列)
2022/05/20 Java/Android