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 相关文章推荐
js 延迟加载 改变JS的位置加快网页加载速度
Dec 11 Javascript
JS函数实现动态添加CSS样式表文件
Dec 15 Javascript
setTimeout和setInterval的深入理解
Nov 08 Javascript
javascript的propertyIsEnumerable()方法使用介绍
Apr 09 Javascript
javascript封装的sqlite操作类实例
Jul 17 Javascript
Javascript打印局部页面实例
Jun 21 Javascript
jQuery插件HighCharts绘制的基本折线图效果示例【附demo源码下载】
Mar 07 Javascript
Angular 2.0+ 的数据绑定的实现示例
Aug 09 Javascript
vue与TypeScript集成配置最简教程(推荐)
Oct 17 Javascript
VUE长按事件需求详解
Oct 18 Javascript
Vue中保存数据到磁盘文件的方法
Sep 06 Javascript
jquery无缝图片轮播组件封装
Nov 25 jQuery
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中获取主机名、协议及IP地址的方法
2014/11/18 PHP
PHP中使用array函数新建一个数组
2015/11/19 PHP
学习PHP session的传递方式
2016/06/15 PHP
PHP编程实现的TCP服务端和客户端功能示例
2018/04/13 PHP
PHP实现基本留言板功能原理与步骤详解
2020/03/26 PHP
Laravel框架源码解析之入口文件原理分析
2020/05/14 PHP
JavaScript DOM 学习第二章 编辑文本
2010/02/19 Javascript
javascript 图片上一张下一张链接效果代码
2010/03/12 Javascript
S2SH整合JQuery+Ajax实现登录验证功能实现代码
2013/01/30 Javascript
JavaScript中的noscript元素属性位置及作用介绍
2013/04/11 Javascript
javascript动态修改Li节点值的方法
2015/01/20 Javascript
js实现点击链接后窗口缩小并居中的方法
2015/03/02 Javascript
10条建议帮助你创建更好的jQuery插件
2015/05/18 Javascript
浅析JavaScript声明变量
2015/12/21 Javascript
AngularJS教程之MVC体系结构详解
2016/08/16 Javascript
详解如何较好的使用js
2016/12/16 Javascript
Vue2单一事件管理组件通信
2017/05/09 Javascript
详解datagrid使用方法(重要)
2020/11/06 Javascript
[40:55]Liquid vs LGD 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
[01:13:46]iG vs Winstrike 2018国际邀请赛小组赛BO2 第一场 8.16
2018/08/17 DOTA
解读Django框架中的低层次缓存API
2015/07/24 Python
Python爬虫DOTA排行榜爬取实例(分享)
2017/06/13 Python
python设定并获取socket超时时间的方法
2019/01/12 Python
python实现按关键字筛选日志文件
2019/12/24 Python
Python3+SQLAlchemy+Sqlite3实现ORM教程
2021/02/16 Python
日本最新流行服饰网购:Nissen
2016/07/24 全球购物
央视元宵晚会主持串词
2014/03/25 职场文书
促销活动计划书
2014/05/02 职场文书
学习雷锋精神演讲稿
2014/05/10 职场文书
调研座谈会发言材料
2014/08/23 职场文书
好人好事演讲稿
2014/09/01 职场文书
2015年助理工程师工作总结
2015/04/03 职场文书
证券公司客户经理岗位职责
2015/04/09 职场文书
农业项目投资意向书
2015/05/09 职场文书
JVM钩子函数的使用场景详解
2021/08/23 Java/Android
MySQL中LAG()函数和LEAD()函数的使用
2022/08/14 MySQL