如何使用来自 bootstrap 的 selectpicker 插件设置所选选项

Question

我正在使用 Bootstrap-Select:

<select name="SelectAddress" class="selectpicker">
   <option value="a">Val 1</option>
   <option value="b">Val 2</option>
   <option value="c">Val 3</option>
   <option value="d">Val 4</option>
</select>

例如，我想将 Val 1 更改为 Val 1.0，知道 Val 1 已被选中。所以我尝试没有成功：

$("select[name=SelectAddress]").text("Val 1.0");
$("select[name=SelectAddress]").selectpicker("refresh");

我怎样才能做到这一点？

编辑：

通过在每个 <option>:

上插入一个 ID 找到了解决方案

<select name="SelectAddress" class="selectpicker">
   <option id="1" value="a">Val 1</option>
   <option id="2" value="b">Val 2</option>
   <option id="3" value="c">Val 3</option>
   <option id="4" value="d">Val 4</option>
</select>

然后：

$("#1").html("Val 1.0");
$("select[name=SelectAddress]").selectpicker("refresh");

Answer 1

你可以这样做。

<select id="drop-down" name="SelectAddress" class="selectpicker">
   <option value="a">Val 1</option>
   <option value="b">Val 2</option>
   <option value="c">Val 3</option>
   <option value="d">Val 4</option>
</select>



$("#drop-down option[value='a']").text("Val 1.0");
$("select[name=SelectAddress]").selectpicker("refresh");

如何使用来自 bootstrap 的 selectpicker 插件设置所选选项

How to set selected option with selectpicker plugin from bootstrap

jquery

html

twitter-bootstrap

bootstrap-selectpicker