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 遍历 方法
96 5
|
前端开发 JavaScript
jQuery - AJAX load() 方法
jQuery load() 方法是简单但强大的 AJAX 方法。
185 6
|
XML JavaScript 数据格式
jquery中html()方法的使用
jquery中html()方法的使用
215 1
|
JavaScript
jQuery parentsUntil() 方法
jQuery parentsUntil() 方法
85 10
|
JavaScript
jQuery parents() 方法
jQuery parents() 方法
110 7
|
JavaScript 前端开发
jQuery - noConflict() 方法
jQuery - noConflict() 方法
79 5
|
JavaScript
jQuery 效果 方法
jQuery 效果 方法
56 3
|
JavaScript 前端开发
jQuery 杂项方法
jQuery 杂项方法
104 2
|
JavaScript 前端开发
jQuery - noConflict() 方法
jQuery - noConflict() 方法
108 9
|
XML 前端开发 JavaScript
jQuery HTML / CSS 方法
jQuery HTML / CSS 方法
91 2