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下弹出窗口的变通
Apr 18 Javascript
jQuery(非HTML5)可编辑表格实现代码
Dec 11 Javascript
js获取及修改网页背景色和字体色的方法
Dec 29 Javascript
AngularJS表单基本操作
Jan 09 Javascript
如何用JS/HTML将时间戳转换为“xx天前”的形式
Feb 06 Javascript
js, jQuery实现全选、反选功能
Mar 08 Javascript
利用Vue.js实现求职在线之职位查询功能
Jul 03 Javascript
vue2.0实现前端星星评分功能组件实例代码
Feb 12 Javascript
vue-cli脚手架引入图片的几种方法总结
Mar 13 Javascript
从Vuex中取出数组赋值给新的数组,新数组push时报错的解决方法
Sep 18 Javascript
在Create React App中启用Sass和Less的方法示例
Jan 16 Javascript
微信小程序实现搜索历史功能
Mar 26 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
BBS(php &amp; mysql)完整版(八)
2006/10/09 PHP
php 服务器调试 Zend Debugger 的安装教程
2009/09/25 PHP
PHP调用Linux命令权限不足问题解决方法
2015/02/07 PHP
Linux系统下php获得系统分区信息的方法
2015/03/30 PHP
必须收藏的php实用代码片段
2016/02/02 PHP
使用PHPMailer发送邮件实例
2017/02/15 PHP
PHP观察者模式原理与简单实现方法示例
2017/08/25 PHP
ajax+php实现无刷新验证手机号的实例
2017/12/22 PHP
PHP等比例压缩图片的实例代码
2018/07/26 PHP
setTimeout与setInterval在不同浏览器下的差异
2010/01/24 Javascript
Javascript加载速度慢的解决方案
2014/03/11 Javascript
js+css实现的圆角边框TAB选项卡滑动门代码分享(2款)
2015/08/26 Javascript
JS实现字符串转日期并比较大小实例分析
2015/12/09 Javascript
提升jQuery的性能需要做好七件事
2016/01/11 Javascript
关于input全选反选恶心的异常情况
2016/07/24 Javascript
Vue.js第一天学习笔记(数据的双向绑定、常用指令)
2016/12/01 Javascript
nodejs和php实现图片访问实时处理
2017/01/05 NodeJs
微信小程序开发(一) 微信登录流程详解
2017/01/11 Javascript
jQuery实现定时隐藏对话框的方法分析
2018/02/12 jQuery
浅谈Javascript常用正则表达式应用
2019/03/08 Javascript
React+TypeScript+webpack4多入口配置详解
2019/08/08 Javascript
Vue实现点击当前行变色
2020/12/14 Vue.js
[02:04]2014DOTA2国际邀请赛 BBC小组赛第三天总结
2014/07/12 DOTA
[42:35]2018DOTA2亚洲邀请赛3月30日 小组赛A组 VG VS OpTic
2018/03/31 DOTA
[01:05:41]EG vs Optic Supermajor 败者组 BO3 第二场 6.6
2018/06/07 DOTA
Python实现读取邮箱中的邮件功能示例【含文本及附件】
2017/08/05 Python
Python自动生成代码 使用tkinter图形化操作并生成代码框架
2019/09/18 Python
对tensorflow中cifar-10文档的Read操作详解
2020/02/10 Python
python asyncio 协程库的使用
2021/01/21 Python
html5 css3实例教程 一款html5和css3实现的小机器人走路动画
2014/10/20 HTML / CSS
美国玛丽莎收藏奢华时尚商店:Marissa Collections
2016/11/21 全球购物
初二物理教学反思
2014/01/29 职场文书
竞选学委演讲稿
2014/09/13 职场文书
全国法院系统开展党的群众路线教育实践活动综述(全文)
2014/10/25 职场文书
结婚通知短信怎么写
2015/04/17 职场文书
python自动化调用百度api解决验证码
2021/04/13 Python