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 06 Javascript
解决自定义$(id)的方法与jquery选择器$冲突的问题
Jun 14 Javascript
js 基础篇必看(点击事件轮播图的简单实现)
Aug 20 Javascript
jquery实现超简单的瀑布流布局【推荐】
Mar 08 Javascript
node.js实现的装饰者模式示例
Sep 06 Javascript
详解Vue2 SSR 缓存 Api 数据
Nov 20 Javascript
pace.js和NProgress.js两个加载进度插件的一点小总结
Jan 31 Javascript
在Vue中使用echarts的方法
Feb 05 Javascript
vue中引用阿里字体图标的方法
Feb 10 Javascript
基于vue v-for 多层循环嵌套获取行数的方法
Sep 26 Javascript
vue+VeeValidate 校验范围实例详解(部分校验,全部校验)
Oct 19 Javascript
vue实现简单全选和反选功能
Sep 15 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
火车采集器 免费版使出收费版本功能实现原理
2009/09/17 PHP
PHP中用接口、抽象类、普通基类实现“面向接口编程”与“耦合方法”简述
2011/03/23 PHP
PHP APC配置文件2套和参数详解
2014/06/11 PHP
PHP学习笔记(二):变量详解
2015/04/17 PHP
Discuz!X中SESSION机制实例详解
2015/09/23 PHP
PHP文件上传处理案例分析
2016/10/15 PHP
Laravel如何自定义command命令浅析
2019/03/23 PHP
用PHP做了一个领取优惠券活动的示例代码
2019/07/05 PHP
JQuery实现简单验证码提示解决方案
2012/12/20 Javascript
从jquery的过滤器.filter()方法想到的
2013/09/29 Javascript
深入分析Javascript跨域问题
2015/04/17 Javascript
Jquery幻灯片特效代码分享--鼠标点击按钮时切换(1)
2015/08/15 Javascript
jQuery 1.9.1源码分析系列(十三)之位置大小操作
2015/12/02 Javascript
jquery对Json的各种遍历方法总结(必看篇)
2016/09/29 Javascript
JavaScript实现三级联动菜单效果
2017/08/16 Javascript
信息滚动效果的实例讲解
2017/09/18 Javascript
Vue2.0 实现单选互斥的方法
2018/04/13 Javascript
Angular angular-file-upload文件上传的示例代码
2018/08/23 Javascript
js之切换全屏和退出全屏实现代码实例
2019/09/09 Javascript
[41:17]VG vs Optic 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
详解Django框架中的视图级缓存
2015/07/23 Python
Python中不同进制的语法及转换方法分析
2016/07/27 Python
Django原生sql也能使用Paginator分页的示例代码
2017/11/15 Python
django使用JWT保存用户登录信息
2020/04/22 Python
使用K.function()调试keras操作
2020/06/17 Python
PyCharm 2020.2下配置Anaconda环境的方法步骤
2020/09/23 Python
详解python3 GUI刷屏器(附源码)
2021/02/18 Python
CSS3 开发工具收集
2010/04/17 HTML / CSS
医药专业推荐信
2013/11/15 职场文书
DIY手工制作经营店创业计划书
2014/02/01 职场文书
经典安踏广告词
2014/03/21 职场文书
党支部承诺书
2015/01/20 职场文书
2015学校师德师风工作总结
2015/04/22 职场文书
论文评审意见
2015/06/05 职场文书
2016年大学生暑假爱心支教活动策划书
2015/11/26 职场文书
手把手教你用SpringBoot将文件打包成zip存放或导出
2021/06/11 Java/Android