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的简单&amp;简陋Tabs插件代码
Feb 09 Javascript
js 动态文字滚动的例子
Jan 17 Javascript
JS替换字符串中空格方法
Apr 17 Javascript
JavaScript实现动态增删表格的方法
Mar 09 Javascript
vue2.0开发入门笔记之.vue文件的生成和使用
Sep 19 Javascript
在 webpack 中使用 ECharts的实例详解
Feb 05 Javascript
vue实现点击关注后及时更新列表功能
Jun 26 Javascript
让webpack+vue-cil项目不再自动打开浏览器的方法
Sep 27 Javascript
vue+elementUI实现图片上传功能
Aug 20 Javascript
基于JavaScript实现随机点名器
Feb 25 Javascript
JavaScript实现筛选数组
Mar 02 Javascript
TypeScript中条件类型精读与实践记录
Oct 05 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
全国FM电台频率大全 - 7 吉林省
2020/03/11 无线电
从零开始学YII2框架(一)通过Composer安装Yii2框架
2014/08/20 PHP
在PHP程序中使用Rust扩展的方法
2015/07/03 PHP
微信支付开发告警通知实例
2016/07/12 PHP
php实现的网页版剪刀石头布游戏示例
2016/11/25 PHP
Laravel Reponse响应客户端示例详解
2020/09/03 PHP
Javascript开发包大全整理
2006/12/22 Javascript
jQuery 源代码显示控件 (Ajax加载方式).
2009/05/18 Javascript
非常有用的40款jQuery 插件推荐(系列二)
2011/12/25 Javascript
国外大牛IE版本检测!现在IE都到9了,IE检测代码
2012/01/04 Javascript
jquery ajax post提交数据乱码
2013/11/05 Javascript
js点击按钮实现带遮罩层的弹出视频效果
2015/12/19 Javascript
Avalonjs双向数据绑定与监听的实例代码
2017/06/23 Javascript
ES6 javascript中class静态方法、属性与实例属性用法示例
2017/10/30 Javascript
微信小程序实现点击文字页面跳转功能【附源码下载】
2017/12/12 Javascript
layui框架table 数据表格的方法级渲染详解
2018/08/19 Javascript
你准备好迎接vue3.0了吗
2020/04/28 Javascript
python控制台英汉汉英电子词典
2020/04/23 Python
python 读写txt文件 json文件的实现方法
2016/10/22 Python
关于Python中空格字符串处理的技巧总结
2017/08/10 Python
深入了解Python中pop和remove的使用方法
2018/01/09 Python
Python实现将MySQL数据库表中的数据导出生成csv格式文件的方法
2018/01/11 Python
python版本的仿windows计划任务工具
2018/04/30 Python
Pycharm导入Python包,模块的图文教程
2018/06/13 Python
pyshp创建shp点文件的方法
2018/12/31 Python
Python Django框架防御CSRF攻击的方法分析
2019/10/18 Python
flask利用flask-wtf验证上传的文件的方法
2020/01/17 Python
canvas实现漂亮的下雨效果的示例
2018/04/18 HTML / CSS
什么是网络协议
2016/04/07 面试题
广告学专业应届生求职信
2013/10/01 职场文书
医学护理毕业生自荐信
2013/11/07 职场文书
竞聘演讲稿
2014/04/24 职场文书
汽车转让协议书
2015/01/29 职场文书
三十年同学聚会致辞
2015/07/28 职场文书
【HBU】数据库第四周 单表查询
2021/04/05 SQL Server
quickjs 封装 JavaScript 沙箱详情
2021/11/02 Javascript