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> <{1}}属性的列表HERE

Bootstrap-select忽略活动属性

1 个答案: