大家都知道一般設定select選中都是下面這幾種,當然還有其他方式,沒有列完
$("#infoLevel").val(d.level);
$("#infoLevel").find("option[value="+d.level+"]").prop("selected","selected");
今天設定一直沒起作用,然後去看了下元素
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');