twitter-bootstrap - 引导选择忽略活动属性

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 忽略了 active 属性？

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