How to set selected option with selectpicker plugin from bootstrap
bootstrap-selectpicker, html, jquery, twitter-bootstrap
Solution
You can do like this.
<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");
Problem
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> ``` 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"); ``` How can I achieve this? Edit: Found a solution, by inserting an ID on each `<option>`: ``` <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> ``` Then: ``` $("#1").html("Val 1.0"); $("select[name=SelectAddress]").selectpicker("refresh"); ```