Как изменить выбранное значение выбора тега

Question

У меня есть выберите тег (#dd01) и хотите, чтобы изменить его значение, нажав на кнопку

<select id="dd01"> 
<option value="01">sky</option> 
<option value="02">sea</option> 
<option value="03">earth</option> 
<option value="04">win</option> 
</select> 

js.click

var dd = $("#dd01").children().eq(index01).html(); 
alert (dd); // works fine - for example `sky` 
$("#dd01").val(dd); // doesn't work - select tag is empty 

Answer 1

Попробуйте это:

var dd = $("#dd01").children().eq(index01).val(); 
alert (dd); // works fine - for example `sky` 
$("#dd01").val(dd); 

$("#dd01") должен иметь значение, а не текст. Поэтому я использовал eq(index01).val() вместо eq(index01).text().

Here is a working fiddle

Answer 2

Вы находитесь получение текста из опции и попытка использовать его в качестве значения.

Опция sky имеет значение 01, поэтому вызов .val('01') бы выбрать этот пункт, но не вызывая .val('sky').

Вы можете использовать метод attr, чтобы получить значение параметра:

var dd = $("#dd01").children().eq(index01).attr('value');