jquery的clone方法bug的修复

简介: 测试发现,textarea和select的jquery的clone方法有问题,textarea和select的值clone的时候会丢掉,发现这个是jquery的一个bug,上不了的可以看下代码,比较简单。

测试发现,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 遍历 方法
jQuery 遍历 方法
92 5
|
11月前
|
前端开发 JavaScript
jQuery - AJAX load() 方法
jQuery load() 方法是简单但强大的 AJAX 方法。
178 6
|
11月前
|
XML JavaScript 数据格式
jquery中html()方法的使用
jquery中html()方法的使用
200 1
|
JavaScript
jQuery parentsUntil() 方法
jQuery parentsUntil() 方法
81 10
|
JavaScript
jQuery parents() 方法
jQuery parents() 方法
106 7
|
JavaScript 前端开发
jQuery - noConflict() 方法
jQuery - noConflict() 方法
75 5
|
JavaScript
jQuery 效果 方法
jQuery 效果 方法
52 3
|
JavaScript 前端开发
jQuery 杂项方法
jQuery 杂项方法
97 2
|
XML 前端开发 JavaScript
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法
85 2
|
JavaScript 前端开发
jQuery - noConflict() 方法
jQuery - noConflict() 方法
104 9