代码之家  ›  专栏  ›  技术社区  ›  Joh

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

  •  13
  • Joh  · 技术社区  · 15 年前

    我有一个选择框与各种选择。

    5 回复  |  直到 13 年前
        1
  •  27
  •   Adam    15 年前

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

    $("option[value='10']").attr('selected','selected');
    
        2
  •  21
  •   user113716    15 年前

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

    $(document).ready(function() {
    
        $('#mySelectBox').val('10');
    
    });
    

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

    <select id='mySelectBox'>
        <option value='5'>5</option>
        <option value='10' selected='selected'>10</option>
        <option value='15'>15</option>
    </select>​
    
        3
  •  1
  •   Kevin Lieser    8 年前

    在最新的jQuery版本中,这对我很有用:

    $("option[value='10']").prop('selected',true);
    
        4
  •  0
  •   Taryn Frank Pearson    12 年前

    $("option[value='10']").attr('selected','selected');