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实现计算代码行数的简单方法附代码
Aug 13 Javascript
jQuery UI AutoComplete 使用说明
Jun 20 Javascript
javascript实现tabs选项卡切换效果(扩展版)
Mar 19 Javascript
js 判断浏览器使用的语言示例代码
Mar 22 Javascript
JavaScript实现随机替换图片的方法
Apr 16 Javascript
使用jQuery或者原生js实现鼠标滚动加载页面新数据
Mar 06 Javascript
原生js和jquery分别实现横向导航菜单效果
May 13 Javascript
canvas实现十二星座星空图
Feb 14 Javascript
详解Angular2表单-模板驱动的表单(Template-Driven Forms)
Aug 04 Javascript
详解VSCode配置启动Vue项目
May 14 Javascript
Vue.js 实现地址管理页面思路详解(地址添加、编辑、删除和设置默认地址)
Dec 11 Javascript
JavaScript计算出两个数的差值
Mar 19 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
使用 eAccelerator加速PHP代码的方法
2007/09/30 PHP
用PHP编写和读取XML的几种方式
2013/01/12 PHP
解析php curl_setopt 函数的相关应用及介绍
2013/06/17 PHP
实测在class的function中include的文件中非php的global全局环境
2013/07/15 PHP
Yii2 rbac权限控制操作步骤实例教程
2016/04/29 PHP
js CSS操作方法集合
2008/10/31 Javascript
jquery tools 系列 scrollable学习
2009/09/06 Javascript
jquery.validate使用攻略 第五步 正则验证
2010/07/01 Javascript
基于Jquery的将DropDownlist的选中值赋给label的实现代码
2011/05/06 Javascript
子窗体与父窗体传值示例js代码
2013/08/01 Javascript
ff下JQuery无法监听input的keyup事件的解决方法
2013/12/12 Javascript
jQuery表格排序组件-tablesorter使用示例
2014/05/26 Javascript
深入分析escape()、encodeURI()、encodeURIComponent()的区别及示例
2014/08/04 Javascript
jQuery操作JSON的CRUD用法实例
2015/02/25 Javascript
ajax级联菜单实现方法实例分析
2016/11/28 Javascript
vue.js入门(3)——详解组件通信
2016/12/02 Javascript
jQuery导航条固定定位效果实例代码
2017/05/26 jQuery
原生JS 购物车及购物页面的cookie使用方法
2017/08/21 Javascript
Vue父子模版传值及组件传值的三种方法
2017/11/27 Javascript
JS实现移动端触屏拖拽功能
2018/07/31 Javascript
koa2+vue实现登陆及登录状态判断
2019/08/15 Javascript
javascript sort()对数组中的元素进行排序详解
2019/10/13 Javascript
Vue中keep-alive组件的深入理解
2020/08/23 Javascript
[01:45]2014DOTA2 TI预选赛预选赛 大神专访第二弹!
2014/05/20 DOTA
Python 快速实现CLI 应用程序的脚手架
2017/12/05 Python
Python基于多线程实现抓取数据存入数据库的方法
2018/06/22 Python
在Python运行时动态查看进程内部信息的方法
2019/02/22 Python
Django框架中序列化和反序列化的例子
2019/08/06 Python
pytorch:实现简单的GAN示例(MNIST数据集)
2020/01/10 Python
python实现图片横向和纵向拼接
2020/03/05 Python
Python3 webservice接口测试代码详解
2020/06/23 Python
使用Python爬虫爬取小红书完完整整的全过程
2021/01/19 Python
党员干部四风问题整改措施思想汇报
2014/10/12 职场文书
大学生党员批评与自我批评范文
2014/10/14 职场文书
小学生一年级(书信作文)
2019/08/13 职场文书
年会邀请函的格式及范文五篇
2019/11/02 职场文书