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 相关文章推荐
jquery tab标签页的制作
May 10 Javascript
JavaScript中变量提升 Hoisting
Jul 03 Javascript
jQuery层次选择器选择元素使用介绍
Apr 18 Javascript
js固定DIV高度,超出部分自动添加滚动条的简单方法
Jul 10 Javascript
jQuery中大家不太了解的几个方法
Mar 04 Javascript
JavaScript数组去重由慢到快由繁到简(优化篇)
Aug 26 Javascript
JS实现简单易用的手机端浮动窗口显示效果
Sep 07 Javascript
浅谈JS之iframe中的窗口
Sep 13 Javascript
selenium 与 chrome 进行qq登录并发邮件操作实例详解
Apr 06 Javascript
关于angular 8.1使用过程中的一些记录
Nov 25 Javascript
vue使用echarts图表自适应的几种解决方案
Dec 04 Vue.js
如何vue使用el-table遍历循环表头和表体数据
Apr 26 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和ACCESS写聊天室(三)
2006/10/09 PHP
php cookie 登录验证示例代码
2009/03/16 PHP
php获取数组元素中头一个数组元素值的实现方法
2014/12/20 PHP
php 数据结构之链表队列
2017/10/17 PHP
一文看懂PHP进程管理器php-fpm
2020/06/01 PHP
jQuery实现数字加减效果汇总
2014/12/16 Javascript
Javascript中的作用域和上下文深入理解
2015/07/03 Javascript
学习JavaScript正则表达式
2015/11/13 Javascript
JavaScript数据推送Comet技术详解
2016/04/07 Javascript
jQuery使用$.each遍历json数组的简单实现方法
2016/04/18 Javascript
JSONP原理及简单实现
2016/06/08 Javascript
jQuery实现两列等高并自适应高度
2016/12/22 Javascript
Layui给数据表格动态添加一行并跳转到添加行所在页的方法
2018/08/20 Javascript
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
2019/07/03 jQuery
Vue移动端实现图片上传及超过1M压缩上传
2019/12/23 Javascript
微信公众号网页分享功能开发的示例代码
2020/05/27 Javascript
[19:54]夜魇凡尔赛茶话会 第一期02:看图识人
2021/03/11 DOTA
在Python中使用第三方模块的教程
2015/04/27 Python
利用python实现xml与数据库读取转换的方法
2017/06/17 Python
Python计算斗牛游戏概率算法实例分析
2017/09/26 Python
Django+JS 实现点击头像即可更改头像的方法示例
2018/12/26 Python
Python CSV文件模块的使用案例分析
2019/12/21 Python
Python Request类源码实现方法及原理解析
2020/08/17 Python
美国男士和女士奢侈品折扣手表购物网站:Certified Watch Store
2018/06/13 全球购物
如果让你测试一台高速激光打印机,你都会进行哪些测试
2012/12/04 面试题
老教师工作总结的自我评价
2013/09/27 职场文书
大学毕业感言
2014/01/10 职场文书
村委会贫困证明
2014/01/14 职场文书
初一生物教学反思
2014/01/18 职场文书
打架检讨书100字
2014/01/19 职场文书
医学生自我评价
2014/01/27 职场文书
销售员个人求职的自我评价
2014/02/10 职场文书
影视后期实训报告
2014/11/05 职场文书
2015年学生资助工作总结
2015/05/25 职场文书
2016大学迎新欢迎词
2015/09/29 职场文书
未来,这5大方向都很适合创业
2019/07/22 职场文书