bootstrap-select中selectpicker在jquery的clone()后无效问题-解决方法

近期做一高校项目，招生计划发布需要实现同一专业在不同省份计划招生的人数，即一对多以及多对多，就应用了批量填写表单，由于整体UI框架用了bootstrap,那bootstrap-select的使用自然不在话下，于是使用了clone,但无奈发现bootstrap-select被clone,和after追加后，追加的bootstrap-select无效，找了网上的解决方案，说是要清空一次数据和重新初始化一次selectpicker

网上代码：

$('.selectpicker').data('selectpicker', null);
$('.bootstrap-select').find("button:first").remove();
$('.selectpicker').selectpicker();

　　

 

虽然有用，但出现新的问题，即每增加一项，此div就跟着增加，于是做了更改，直接隐藏多余的.bootstrap-select：，问题解决！

 

//解决bootstrap-select，在clone()方法中无效的问题
$('.selectpicker').data('selectpicker', null);
$('.bootstrap-select').css("display","none");
$('.selectpicker').selectpicker();