近期做一高校項目,招生計劃發佈需要實現同一專業在不同省份計劃招生的人數,即一對多以及多對多,就應用了批量填寫表單,由於整體UI框架用了bootstrap,那bootstrap-select的使用自然不在話下,於是使用了clone,但無奈發現bootstrap-select被clone,和after追 ...
近期做一高校項目,招生計劃發佈需要實現同一專業在不同省份計劃招生的人數,即一對多以及多對多,就應用了批量填寫表單,由於整體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();