Question

问题元数据

Bootstrap selectpicker version ：Selectpicker.VERSION ='1.7.2';

jQuery版：jQuery JavaScript Library v1.11.2

问题陈述：

我有一个过滤器select列表。在选择option（过滤器）时，服务器会响应整个过滤器详细信息。根据返回的数据，我需要设置几个select元素（引导选择）。设置值后，我还需要将option设置为已选中。

选择元素标记（均具有不同的ID）

<select id="pspName" class="form-control selectpicker"> <!--Options --> </select>
<select id="pmName" class="form-control selectpicker"> <!--Options --> </select>
<select id="countryName" class="form-control selectpicker"> <!--Options --> </select>
.
.
.
<select id="currencyName" class="form-control selectpicker"> <!--Options --> </select>

jQuery代码：

Selecpicker初始化效果很好：

 //all at once.
 $('.selectpicker').selectpicker();

代码尝试但没有运气。因此需要协助，如下所示，

我尝试使用option查找value的常规惯例，但效果不佳，例如对于select而id为pspName，option获取value并触发click。但它无法刷新select，也未设置为selected。

 $('select#pspName option[value="server_returned_value"]').click();

Answer 1

您必须使用特定方法设置值：

$('#countryName').selectpicker('val', 'Japan');

我创建了一个基于一组属性设置多个元素的小例子：

JSFIDDLE

设置Selecpicker val并将选项设置为动态选择

1 个答案: