如何使用jQuery在选择框中预选选项

15 html forms jquery selection

我有一个选择框有各种选项.

当页面加载时,应该使用jQuery预先选择一个带有值的选项,例如10.

我怎样才能做到这一点?

Ada*_*dam 25

当页面加载运行时(你可以把它放进去<body onload="//put code here">):

$("option[value='10']").attr('selected','selected');
Run Code Online (Sandbox Code Playgroud)

  • @Funka - 如果是多重选择,它将接受要设置的值数组.*示例*http://jsfiddle.net/VArCZ/2/ (3认同)

use*_*716 19

测试示例: http ://jsfiddle.net/VArCZ/

$(document).ready(function() {

    $('#mySelectBox').val('10');

});
Run Code Online (Sandbox Code Playgroud)

虽然,如果初始值是静态的,则不需要jQuery:

<select id='mySelectBox'>
    <option value='5'>5</option>
    <option value='10' selected='selected'>10</option>
    <option value='15'>15</option>
</select>?
Run Code Online (Sandbox Code Playgroud)

  • +1正确当然!我可以在`.val()`中添加,你提供`<option> </ option>`标签之间的值,而不是`value =`属性.所以在`<option value ="10"> Ten </ option>`的情况下你会使用`$("#mySelectBox").val('Ten')` (3认同)