How to set the selected option using the selectpicker plugin from bootstrap

Question

I am using 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 1to Val 1.0knowing Val 1. Therefore, I tried without 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 identifier 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");

Answer 1

You can do it.

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