Установите Select Value и обновите его с помощью jQuery

Question

Я пытаюсь использовать поле выбора

<select id="box">
   <option>1</option>
   <option>2</option>
</select>

и сначала получить его значение, а затем обновить это значение при его изменении?

т.е.

var onLoadValue = $('#box').val();

$('#box').live('change', function () {
    onLoadValue = $(this).val();
});

Кажется, это не работает?Кто-нибудь может помочь?

Answer 1

Поскольку значение <select> s не определяется его значением value, оно определяется элементом :selected <option>.

var onLoadValue = $("#box option:selected").text();
$('#box').live('change', function () {
    onLoadValue = $("option:selected", this).text();
});

Это должно сработать для вас.