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 学习笔记(十二) dom
Jan 21 Javascript
JQERY limittext 插件0.2版(长内容限制显示)
Aug 27 Javascript
不使用XMLHttpRequest实现异步加载 Iframe和script
Oct 29 Javascript
javascript继承机制实例详解
Nov 20 Javascript
webpack处理 css\less\sass 样式的方法
Aug 21 Javascript
在Vue组件中使用 TypeScript的方法
Feb 28 Javascript
Node.js readline 逐行读取、写入文件内容的示例
Mar 01 Javascript
深入理解JavaScript的值传递和引用传递
Oct 24 Javascript
vue form check 表单验证的实现代码
Dec 09 Javascript
基于leaflet.js实现修改地图主题样式的流程分析
May 15 Javascript
js实现盒子移动动画效果
Aug 09 Javascript
vscode 使用Prettier插件格式化配置使用代码详解
Aug 10 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实例
2013/12/24 PHP
php获取网页里所有图片并存入数组的方法
2015/04/06 PHP
php 使用redis锁限制并发访问类示例
2016/11/02 PHP
Laravel解决nesting level错误和隐藏index.php的问题
2019/10/12 PHP
Javascript事件热键兼容ie|firefox
2010/12/30 Javascript
jQuery获得内容和属性示例代码
2014/01/16 Javascript
JavaScript使用RegExp进行正则匹配的方法
2015/07/11 Javascript
javascript事件模型介绍
2016/05/31 Javascript
详解vue 模拟后台数据(加载本地json文件)调试
2017/08/25 Javascript
javascript高级模块化require.js的具体使用方法
2017/10/31 Javascript
浅谈vue引入css,less遇到的坑和解决方法
2018/01/20 Javascript
原生JS实现的碰撞检测功能示例
2018/05/18 Javascript
使用VUE+iView+.Net Core上传图片的方法示例
2019/01/04 Javascript
JS字典Dictionary类定义与用法示例
2019/02/01 Javascript
layerui代码控制tab选项卡,添加,关闭的实例
2019/09/04 Javascript
layui 数据表格 根据值(1=业务,2=机构)显示中文名称示例
2019/10/26 Javascript
微信小程序实现多选框全选与反全选及购物车中删除选中的商品功能
2019/12/17 Javascript
[02:18]《我与DAC》之工作人员:为了热爱DOTA2的玩家们
2018/03/28 DOTA
python在多玩图片上下载妹子图的实现代码
2013/08/13 Python
Python解析网页源代码中的115网盘链接实例
2014/09/30 Python
Python小游戏之300行代码实现俄罗斯方块
2019/01/04 Python
python将字符串转变成dict格式的实现
2019/11/18 Python
Python TCP通信客户端服务端代码实例
2019/11/21 Python
如何清空python的变量
2020/07/05 Python
Selenium环境变量配置(火狐浏览器)及验证实现
2020/12/07 Python
英国电信商店:BT Shop
2019/12/17 全球购物
实习教师自我鉴定
2013/12/09 职场文书
会展策划与管理专业大学生职业生涯规划
2014/02/07 职场文书
元旦促销方案
2014/03/15 职场文书
语文教研活动总结
2014/07/02 职场文书
人事经理岗位职责范本
2014/08/04 职场文书
2014领导干部学习焦裕禄同志先进事迹思想汇报
2014/09/19 职场文书
2019年“红色之旅”心得体会1000字(3篇)
2019/09/27 职场文书
Netty结合Protobuf进行编解码的方法
2021/06/26 Java/Android
windows server2016安装oracle 11g的图文教程
2022/07/15 Servers