Bootstrap-select忽略活動屬性

Question

我正在使用Bootstrap-選擇其他下拉功能。 http://silviomoreto.github.io/bootstrap-select/

它似乎沒有從我的呈現的HTML中挑選選定的項目。

<select id="test-period" class="selectpicker show-tick pull-right"> 
<option value="yesterday">Yesterday</option> 
<option value="lastupdate">Last update</option> 
<option value="today">Today</option> 
<option value="weektodate" active>Week to date</option> 
<option value="periodtodate">Period to date</option> 
<option value="seasontodate">Season to date</option> 
<option value="yeartodate">Year to date</option> 
</select> 

我正在設置星期到日期選項的活動屬性。但是，當頁面呈現時，它將昨天的第一個項目顯示爲所選項目。

引導程序選擇文檔中說，您可以通過以下JavaScript方法指定所選元素：

$('.selectpicker').selectpicker('val', 'weektodate'); 

但是保持與我現有的代碼兼容性我想指定使用HTML如果有源元件可能。我做錯了什麼或做Bootstrap選擇忽略活動屬性？

Answer 1

選項active不存在。

你必須使用selected而是要把它作爲

<select id="test-period" class="selectpicker show-tick pull-right"> 
<option value="yesterday">Yesterday</option> 
<option value="lastupdate">Last update</option> 
<option value="today">Today</option> 

<option value="weektodate" selected>Week to date</option> // or selected="selected" 

<option value="periodtodate">Period to date</option> 
<option value="seasontodate">Season to date</option> 
<option value="yeartodate">Year to date</option> 
</select> 

的<option>屬性列表可以發現，「選擇一個」 HERE