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 相关文章推荐
优化innerHTML操作(提高代码执行效率)
Aug 20 Javascript
jQuery建立一个按字母顺序排列的友好页面索引(兼容IE6/7/8)
Feb 26 Javascript
JS 日期比较大小的简单实例
Jan 13 Javascript
通过Tabs方法基于easyUI+bootstrap制作工作站
Mar 28 Javascript
jQuery Mobile 和 Kendo UI 的比较
May 05 Javascript
利用AngularJs实现京东首页轮播图效果
Sep 08 Javascript
jQuery鼠标事件总结
Oct 13 Javascript
BootStrap栅格系统、表单样式与按钮样式源码解析
Jan 20 Javascript
Vue+jquery实现表格指定列的文字收缩的示例代码
Jan 09 jQuery
原生JS实现的轮播图功能详解
Aug 06 Javascript
浅谈在不使用ssr的情况下解决Vue单页面SEO问题(2)
Nov 08 Javascript
vue.js自定义组件directives的实例代码
Nov 09 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面向对象编程快速入门
2006/10/09 PHP
使用php shell命令合并图片的代码
2011/06/23 PHP
解析PHP中ob_start()函数的用法
2013/06/24 PHP
PHP的fsockopen、pfsockopen函数被主机商禁用的解决办法
2014/07/08 PHP
PHP SPL标准库之数据结构栈(SplStack)介绍
2015/05/12 PHP
通过修改配置真正解决php文件上传大小限制问题(nginx+php)
2015/09/23 PHP
php生成唯一数字id的方法汇总
2015/11/18 PHP
javascript cookies 设置、读取、删除实例代码
2010/04/12 Javascript
jQuery实现返回顶部功能适合不支持js的浏览器
2014/08/19 Javascript
使用bootstrap typeahead插件实现输入框自动补全之问题及解决办法
2016/07/07 Javascript
基于Bootstrap和jQuery构建前端分页工具实例代码
2016/11/23 Javascript
jquery广告无缝轮播实例
2017/01/05 Javascript
JS switch判断 三目运算 while 及 属性操作代码
2017/09/03 Javascript
axios 实现post请求时把对象obj数据转为formdata
2019/10/31 Javascript
vue-cli3 取消eslint校验代码的解决办法
2020/01/16 Javascript
[30:55]完美世界DOTA2联赛PWL S2 Magma vs LBZS 第二场 11.18
2020/11/18 DOTA
[01:32:50]DOTA2-DPC中国联赛 正赛 DLG vs XG BO3 第一场 1月25日
2021/03/11 DOTA
用Python编写简单的定时器的方法
2015/05/02 Python
python3将视频流保存为本地视频文件
2018/06/20 Python
详解PyTorch中Tensor的高阶操作
2019/08/18 Python
Python (Win)readline和tab补全的安装方法
2019/08/27 Python
Python算法中的时间复杂度问题
2019/11/19 Python
keras分类模型中的输入数据与标签的维度实例
2020/07/03 Python
CSS3制作炫酷的下拉菜单及弹起式选单的实例分享
2016/05/17 HTML / CSS
Mytheresa英国官网:拥有160多个奢侈品品牌
2016/10/09 全球购物
Nice Kicks网上商店:ShopNiceKicks.com
2018/12/25 全球购物
大四本科生的自我评价
2013/12/30 职场文书
餐饮加盟计划书
2014/01/10 职场文书
预备党员党课思想汇报
2014/01/13 职场文书
奥巴马经典演讲稿
2014/09/13 职场文书
怎么写工作检讨书
2014/11/16 职场文书
工作失误检讨书范文
2015/01/26 职场文书
办公室文员岗位职责
2015/02/04 职场文书
党员个人总结自评
2015/02/14 职场文书
JS setTimeout与setInterval的区别
2022/04/20 Javascript
Java使用HttpClient实现文件下载
2022/08/14 Java/Android