select 使用 clone 后无效

select 使用 clone 后无效

在对 select插件 进行克隆的时候，发现克隆后的新select 下拉框无法展开(无效)

将遇到的坑记录一下。

• select2 是jquery的下拉框插件

解决方案

<script src="select2.js"></script>
<script type="text/javascript">
	//页面加载完成后初始化select2控件
    $(function () {
    	initSelect();
    });
    
    function initSelect(){
        //将所有的 select 元素 初始化
        // 也可以指定 '.select2' 初始化
        $("select").select2();
    }
    
    //obj - 要添加的 select元素
    function add (obj) {
        //如果当前 表单下面有多个 select元素，则需要使用下面的遍历方。#否则它只会清除第一个元素
        $("#myFrom").find(".select2").each(function(){
			if ($(this).data('select2')) {
				$(this).select2('destroy');
			}
		})
        
        //将 需要克隆的 select 添加到 指定的元素中
        $("#div").append(obj);
        
        initSelect();
    }
});
</script>