select2复制下拉框clone

最新推荐文章于 2025-10-08 01:45:46 发布

原创最新推荐文章于 2025-10-08 01:45:46 发布 · 3.7k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#select2 #下拉框复制 clone

jquery 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了如何通过自定义函数解决Select2组件在复制时多出一个空选单框的问题。具体步骤包括选择要复制的对象、重置原对象、复制并插入目标位置、重置复制对象以及初始化和加载复制后的对象。

select2正常复制，会多一个框出来，我的解决办法：

<pre name="code" class="javascript">function cloneSelect2(){
	var soruSelect = $("#sourceTable tbody").find("select[name='sourceSelect']");//1.要copy的对象
	sourceSelect.select2('destroy'); //2.copy之前，要copy的对象重置
	$("#targetTableName tbody").append($("#sourceTable tbody tr").clone());//3.将对象tr copy 到目标表最后一行
	var tagertSelect = $($("#targetTableName tr:last").find("select[name='sourceSelect']"));   //4.copy后，得到copy后的对象
	tagertSelect.select2('destroy'); //6.copy后的对象重置
	this.initSelect2(tagertSelect); //6.初始化
	tagertSelect.select2();//7.加载
}

initSelect2:function($elem) { //初始化
        $elem.select2({
            minimumResultsForSearch: -1,
            width: 'resolve'
        });   
    },