2016-10-24 1 views
4

Я использую Bootstrap-Select:Как установить выбранный вариант с selectpicker плагин от начальной загрузки

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

Как я могу добиться этого?

Edit:

Найдено решение, путем вставки ID на каждом <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> 

Тогда:

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

http://stackoverflow.com/questions/14804253/how-to-set-selected-value-on-select-using-selectpicker-plugin-from-bootstrap это дубликат этого ?? –

+0

Нет, я не хочу менять значение, но что находится в '' –

+0

, пожалуйста, попробуйте ниже заданное решение ... –

ответ

3

Вы можете сделать так.

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

Да, он работает так. Благодарю. –

+0

Прохладный, Наслаждайтесь кодированием .... @ LondonSmith –

+1

+1 Спасибо, что эта линия решила мою проблему, поставив ее внутри onShown: void() {$ ("select [name = SelectAddress]"). Selectpicker ("refresh"); }, поскольку я использую angular2 и JQuery selectpicker. и в html