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 相关文章推荐
一个加密JavaScript的开源工具PACKER2.0.2
Nov 04 Javascript
JavaScript 面向对象编程(2) 定义类
May 18 Javascript
JS Replace 全部替换字符的用法小结
Dec 24 Javascript
AngularJS中取消对HTML片段转义的方法例子
Jan 04 Javascript
JS获取网页图片name属性的方法
Apr 01 Javascript
JS组件系列之Bootstrap Icon图标选择组件
Jan 28 Javascript
jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
Dec 27 Javascript
解决浏览器会自动填充密码的问题
Apr 28 Javascript
微信小程序 如何引入外部字体库iconfont的图标
Jan 31 Javascript
js事件on动态绑定数据,绑定多个事件的方法
Sep 15 Javascript
解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题
Sep 27 Javascript
解决Layui当中的导航条动态添加后渲染失败的问题
Sep 25 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
一些php技巧与注意事项分析
2011/02/03 PHP
php常用hash加密函数
2014/11/22 PHP
php基于双向循环队列实现历史记录的前进后退等功能
2015/08/08 PHP
详细解读PHP的Yii框架中登陆功能的实现
2015/08/21 PHP
PHP将身份证正反面两张照片合成一张图片的代码
2017/04/08 PHP
比较详细的关于javascript中void(0)的具体含义解释
2007/08/02 Javascript
for 循环性能比较 提高for循环的效率
2009/03/19 Javascript
javascript 读取xml,写入xml 实现代码
2009/07/10 Javascript
JavaScript 利用Cookie记录用户登录信息
2009/12/08 Javascript
非主流的textarea自增长实现js代码
2011/12/20 Javascript
一个JavaScript防止表单重复提交的实例
2014/10/21 Javascript
jQuery实现的多滑动门,多选项卡效果代码
2016/03/28 Javascript
详解cordova打包成webapp的方法
2017/10/18 Javascript
Vue组件之极简的地址选择器的实现
2018/05/31 Javascript
详解浏览器缓存和webpack缓存配置
2018/07/06 Javascript
layui实现数据表格隐藏列的示例
2019/10/25 Javascript
vue2路由方式--嵌套路由实现方法分析
2020/03/06 Javascript
vite2.0+vue3移动端项目实战详解
2021/03/03 Vue.js
[04:44]DOTA2英雄梦之声_第12期_矮人直升机
2014/06/21 DOTA
Python程序员开发中常犯的10个错误
2014/07/07 Python
Python 保存矩阵为Excel的实现方法
2019/01/28 Python
Python 正则表达式爬虫使用案例解析
2019/09/23 Python
Python 炫技操作之合并字典的七种方法
2020/04/10 Python
Python实现敏感词过滤的4种方法
2020/09/12 Python
迪斯尼商品官方网站:ShopDisney
2016/08/01 全球购物
美国护肤咨询及美容产品电商:Askderm
2017/02/24 全球购物
ASOS西班牙官网:英国在线时尚和美容零售商
2020/01/10 全球购物
如何用SQL语句进行模糊查找
2015/09/25 面试题
机关搬迁方案
2014/05/18 职场文书
妇联主席先进事迹
2014/05/18 职场文书
领导班子四风问题个人对照检查材料
2014/10/04 职场文书
置业顾问岗位职责
2015/02/09 职场文书
读《推着妈妈去旅行》有感1500字
2019/10/15 职场文书
springboot+VUE实现登录注册
2021/05/27 Vue.js
PYTHON 使用 Pandas 删除某列指定值所在的行
2022/04/28 Python
Golang 入门 之url 包
2022/05/04 Golang