如何使用bootstrap中的selectpicker插件设置所选选项 [英] How to set selected option with selectpicker plugin from bootstrap

问题描述

我正在使用Bootstrap-Select：

I am using the 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 。
所以我尝试没有成功：

For example, I want to change Val 1 to Val 1.0 knowing Val 1 is selected. So I tried with no success:

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

我如何实现这一目标？

修改

通过在每个<选项> ：

<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");

推荐答案

你可以这样做。

<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插件设置所选选项的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！