以编程方式选择html选择元素选项

时间:2014-02-03 20:23:32

标签: jquery

我想在html选择中选择一个选项。例如,选择:

 <select id="list">
   <option>Jan</option>
   <option>Feb</option>
   <option>Mar</option>
   <option>Apr</option>
 </select>

如果我知道该选项的值,我可以做类似的事情,例如:

 <option value="0">Jan</option>

 $("#list option:eq(0)").attr("selected", "selected");

我可以使用选项标签之间的值吗?

2 个答案:

答案 0 :(得分:3)

使用.val(value),在示例中,我使用Mar设置为值

  

设置匹配元素集中每个元素的值。

$("#list").val('Mar')
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="list">
    <option>Jan</option>
    <option>Feb</option>
    <option>Mar</option>
    <option>Apr</option>
</select>

答案 1 :(得分:1)

添加值

<select id="list">
  <option value="jan">Jan</option>
  <option value="feb">Feb</option>
  <option value="mar">Mar</option>
  <option value="apr">Apr</option>

然后使用jquery

$('#list').val( 'jan' );