设置 Selectpicker 值并将选项设置为动态选择答案

【问题标题】：Set Selecpicker val and set option as selected dynamically设置 Selectpicker 值并将选项设置为动态选择
【发布时间】：2016-12-12 13:14:45
【问题描述】：

问题元数据

引导选择选择器版本：Selectpicker.VERSION = '1.7.2';

jQuery 版本：jQuery JavaScript 库 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 代码：

选择器初始化效果很好：

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

代码尝试但没有运气。所以需要帮助的同样如下，

我尝试使用通常的约定 find option by value 但效果不佳，例如对于select 和id 作为pspName 通过value 得到option 并触发click。但它未能刷新select，也没有设置为selected。

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

【问题讨论】：

标签： jquery bootstrap-selectpicker

【解决方案1】：

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

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

我创建了一个小例子来根据一组属性设置几个元素：

JSFIDDLE

【讨论】：

感谢您的回复。您可以根据所选国家/地区更改城市吗？
你有每个国家的城市列表吗？我不知道您的数据是如何构成的
在你的例子中，我指的是。这对我来说就足够了。
你指的是什么？
在选择国家时以编程方式设置城市。它也应该设置为选中。