Bootstrap-select忽略活动属性

Question

我正在使用Bootstrap-select来获得额外的下拉功能. 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>

我正在设置今周的活动属性选项.但是,当呈现页面时,它将昨天的第一个项目显示为所选项目.

Bootstrap选择文档说您可以使用以下JavaScript方法指定所选元素:

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

但是为了保持与现有代码的兼容性,我想尽可能使用html指定活动元素.我做错了什么或者Bootstrap-select忽略了活动属性？

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>可在此处找到属性列表