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工具 Event封装
Aug 21 Javascript
JS 面向对象之神奇的prototype
Feb 26 Javascript
javascript实现文本域写入字符时限定字数
Feb 12 Javascript
jQuery实现异步获取json数据的2种方式
Aug 29 Javascript
JavaScript转换二进制编码为ASCII码的方法
Apr 16 Javascript
学习javascript面向对象 实例讲解面向对象选项卡
Jan 04 Javascript
jQuery实现摸拟alert提示框
May 22 Javascript
Vue实现自带的过滤器实例
Mar 09 Javascript
微信小程序 向左滑动删除功能的实现
Mar 10 Javascript
微信小程序选择图片和放大预览图片功能
Nov 02 Javascript
JavaScript函数定义方法实例详解
Mar 05 Javascript
vue2.0结合Element-ui实战案例
Mar 06 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
消息持续发送的完整例子
2006/10/09 PHP
input file获得文件根目录简单实现
2013/04/26 PHP
PHP中判断变量为空的几种方法分享
2013/08/26 PHP
PHP中的按位与和按位或操作示例
2014/01/27 PHP
PHP从数组中删除元素的四种方法实例
2017/05/12 PHP
Laravel框架实现即点即改功能的方法分析
2019/10/31 PHP
使用PHP+Redis实现延迟任务,实现自动取消订单功能
2019/11/21 PHP
初学JavaScript第二章
2008/09/30 Javascript
alert中断settimeout计时功能
2013/07/26 Javascript
css与javascript跨浏览器兼容性总结
2014/09/15 Javascript
JavaScript的各种常见函数定义方法
2014/09/16 Javascript
Mui使用jquery并且使用点击跳转新窗口的实例
2017/08/19 jQuery
JS手机端touch事件计算滑动距离的方法示例
2017/10/26 Javascript
angularjs通过过滤器返回超链接的方法
2018/10/26 Javascript
详解微信小程序实现跑马灯效果(附完整代码)
2019/04/29 Javascript
微信小程序如何获取用户头像和昵称
2019/09/23 Javascript
如何将Node.js中的回调转换为Promise
2020/11/10 Javascript
[45:52]2018DOTA2亚洲邀请赛 4.1小组赛 A组加赛 LGD vs Liquid
2018/04/02 DOTA
[09:47]2018DOTA2亚洲邀请赛4.5SOLO赛 No[o]ne vs Sumail
2018/04/06 DOTA
Python实现的简单hangman游戏实例
2015/06/28 Python
Python实现以时间换空间的缓存替换算法
2016/02/19 Python
Python爬虫获取整个站点中的所有外部链接代码示例
2017/12/26 Python
对python使用http、https代理的实例讲解
2018/05/07 Python
在python中利用最小二乘拟合二次抛物线函数的方法
2018/12/29 Python
详解Python中的各种转义符\n\r\t
2019/07/10 Python
Python Matplotlib 基于networkx画关系网络图
2019/07/10 Python
关于pycharm中pip版本10.0无法使用的解决办法
2019/10/10 Python
python解释器安装教程的方法步骤
2020/07/02 Python
美国著名童装品牌:OshKosh B’gosh
2016/08/05 全球购物
用Python匹配HTML tag的时候,<.*>和<.*?>有什么区别
2012/11/04 面试题
《路旁的橡树》教学反思
2014/04/07 职场文书
房屋买卖授权委托书
2014/09/27 职场文书
保研推荐信范文
2015/03/25 职场文书
致青春观后感
2015/06/09 职场文书
星际争霸:毕姥爷vs解冻01
2022/04/01 星际争霸
基于Redission的分布式锁实战
2022/08/14 Redis