引导选择忽略活动属性答案

【问题标题】：Bootstrap-select ignoring active attribute引导选择忽略活动属性
【发布时间】：2013-07-03 20:43:11
【问题描述】：

我正在使用 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 属性？

【问题讨论】：

标签： twitter-bootstrap selection option

【解决方案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找到

【讨论】：