设置选择值并使用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>属性未由其value属性确定，因此它由:selected <option>元素确定。

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

这应该适合你。