select2复制下拉框clone

最新推荐文章于 2022-10-20 09:39:53 发布

lxy0101

最新推荐文章于 2022-10-20 09:39:53 发布

阅读量3.6k

点赞数

分类专栏： jquery 文章标签： select2 下拉框复制 clone

本文链接：https://blog.csdn.net/cccaaa8888/article/details/51362774

版权

jquery 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

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'
        });   
    },