联系我们
简单又实用的WordPress网站制作教学
当前位置:网站首页 > 网页前端技术 > 正文

jquery的clone方法应用于textarea和select的bug修复 - Web前端

作者:98wpeu发布时间:2026-07-11分类:网页前端技术浏览:8


导读:测试发现,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);

标签:应用于方法Webbugselecttextarea


网页前端技术排行
最近发表
网站分类
标签列表