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

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();

  

 

虽然有用,但出现新的问题,即每增加一项,bootstrap-select中selectpicker在jquery的clone()后无效有关问题-解决办法此div就跟着增加,于是做了更改,直接隐藏多余的.bootstrap-select:,问题解决!

 

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