天天看點

bootstrap-select selectpicker動态設定選中無效

大家都知道一般設定select選中都是下面這幾種,當然還有其他方式,沒有列完

$("#infoLevel").val(d.level);
	                		$("#infoLevel").find("option[value="+d.level+"]").prop("selected","selected");
           

今天設定一直沒起作用,然後去看了下元素

bootstrap-select selectpicker動态設定選中無效

id為parent的元素可以直接當成上面的infoLevel,這個圖檔隻是個例子。

可以看到除了select元素下面還生成了一個div,div裡面有button等,下拉option展示的是裡面的button,看到元素後我是這樣了解的

第一次使用bootstrap-select selectpicker這個東東

正确設定的方法是:

$('#infoLevel').selectpicker('val',d.level);
           

如果是要修改元素内容,比如往裡面添加html元素等,記得最後加上另外2行重新渲染頁面的代碼(以id為parent的元素為例子):

//要以程式設計方式更新JavaScript的選擇,首先操作選擇,然後使用refresh方法更新UI以比對新狀态。 在删除或添加選項時,或通過JavaScript禁用/啟用選擇時,這是必需的。
$('#parent').selectpicker('refresh');
//render方法強制重新渲染引導程式 - 選擇ui,如果當您程式設計時更改任何相關值而影響元素布局,這将非常有用。
$('#parent').selectpicker('render');
           

繼續閱讀