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 相关文章推荐
Script标签与访问HTML页面详解
Jan 10 Javascript
jquery日历控件实现方法分享
Mar 07 Javascript
javascript字符串循环匹配实例分析
Jul 17 Javascript
JavaScript实现LI列表数据绑定的方法
Aug 04 Javascript
Extjs实现下拉菜单效果
Apr 01 Javascript
微信小程序 教程之条件渲染
Oct 18 Javascript
详解Javascript获取缓存和清除缓存API
May 25 Javascript
详解关于Vue版本不匹配问题(Vue packages version mismatch)
Sep 17 Javascript
微信小程序授权登录解决方案的代码实例(含未通过授权解决方案)
May 10 Javascript
对vuex中store和$store的区别说明
Jul 24 Javascript
jQuery实现动态加载瀑布流
Sep 01 jQuery
Vue实现省市区三级联动
Dec 27 Vue.js
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自动给网址加上链接的方法
2015/06/02 PHP
如何使用php脚本给html中引用的js和css路径打上版本号
2015/11/18 PHP
PHP中调用C/C++制作的动态链接库的教程
2016/03/10 PHP
thinkphp中的url跳转用法分析
2016/07/12 PHP
ThinkPHP模板标签eq if 中区分0,null,false的方法
2017/03/24 PHP
javascript与cookie 的问题详解
2013/11/11 Javascript
js中函数调用的两种常用方法使用介绍
2014/07/17 Javascript
jQuery中select与datalist制作下拉菜单时的区别浅析
2016/12/30 Javascript
canvas绘制万花筒效果(代码分享)
2017/01/20 Javascript
JavaScript数组和对象的复制
2017/03/21 Javascript
详解Vue中过度动画效果应用
2017/05/25 Javascript
JS原生轮播图的简单实现(推荐)
2017/07/22 Javascript
在 Angular中 使用 Lodash 的方法
2018/02/11 Javascript
Element-ui之ElScrollBar组件滚动条的使用方法
2018/09/14 Javascript
浅谈angular表单提交中ng-submit的默认使用方法
2018/09/30 Javascript
详解如何在vscode里面调试js和node.js的方法步骤
2018/12/24 Javascript
Python实现列表转换成字典数据结构的方法
2016/03/11 Python
Python实现的redis分布式锁功能示例
2018/05/29 Python
python 剪切移动文件的实现代码
2018/08/02 Python
Python中logging.NullHandler 的使用教程
2018/11/29 Python
使用Python横向合并excel文件的实例
2018/12/11 Python
基于python全局设置id 自动化测试元素定位过程解析
2019/09/04 Python
使用python动态生成波形曲线的实现
2019/12/04 Python
学会python自动收发邮件 代替你问候女友
2020/05/20 Python
Aveda美国官网:天然护发产品、洗发水、护发素和沙龙
2016/12/09 全球购物
德国香水、化妆品和护理产品网上商店:Parfumdreams
2018/09/26 全球购物
Nice Kicks网上商店:ShopNiceKicks.com
2018/12/25 全球购物
SCDKey德国:全球领先的数字游戏市场
2019/04/09 全球购物
香港家用健身器材、运动器材及健康美容仪器专门店:FitBoxx
2019/12/05 全球购物
轻化专业学生实习自我鉴定
2013/09/20 职场文书
大一军训感言
2014/01/09 职场文书
初中校园之声广播稿
2014/01/15 职场文书
酒店值班经理的工作职责范本
2014/02/18 职场文书
离婚协议书范文2014(夫妻感情破裂)
2014/12/14 职场文书
《围炉夜话》110句人生箴言,精辟有内涵,引人深思
2019/10/23 职场文书
python必学知识之文件操作(建议收藏)
2021/05/30 Python