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

时间:2016-12-12 13:14:45

标签: jquery bootstrap-selectpicker

问题元数据

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的常规惯例,但效果不佳,例如对于selectidpspNameoption获取value并触发click。但它无法刷新select,也未设置为selected

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

1 个答案:

答案 0 :(得分:1)

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

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

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

JSFIDDLE