jQuery - 将select的值设置为其中一个选项

时间:2011-01-30 10:33:00

标签: javascript jquery html forms

如何将选择输入字段的值设置为未禁用的第一个选项的值

例如,在此字段中,所选值为1.如何将此值更改为下一个非禁用选项,即。 2?

<select>
  <option disabled="disabled" value="1">1</option
  <option value="2">2</option
  <option disabled="disabled" value="3">3</option
  <option value="4">4</option
</select>

5 个答案:

答案 0 :(得分:13)

对于您给出的示例,我会使用:

$("select option:not([disabled])").first().attr("selected", "selected");

如果您的选择具有特定ID(例如“#foo”):

$("#foo option:not([disabled])").first().attr("selected", "selected");

答案 1 :(得分:5)

比其他解决方案更清洁:

$('#select_id').find('option:enabled:first').prop('selected',true);

答案 2 :(得分:1)

$('#id-for-select option:not(:disabled):first').click()

答案 3 :(得分:1)

试试这个:

$('#select-id-here option:enabled').first().attr('selected', 'selected');

答案 4 :(得分:0)

设置选项的selected属性:

<option id="value2" value="2">2</option>

document.getElementById('value2').selected = true;