Javascript SELECT控件

原创于 2010-08-03 20:43:45 发布 · 148 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #jQuery #ViewUI

本文介绍如何通过HTML和jQuery设置<select>元素中的默认选中项。利用option标签内的selected属性和jQuery选择器配合，可以轻松指定默认显示的选项。

改变select选项使用option中的selected属性.

<select id="sel1">
<option value="1">苹果</option>
<option value="2">橘子</option>
<option value="3">西瓜</option>
<option value="4" selected="selected">芒果</option>
<select>

默认芒果被选中

$(document).ready(function(){
   $("xxx").click(function(){
      $("#sel1").find("option").get(1).selected=true;
});
}

注意使用get(1).selected=true/*因为jquery不支持.selected属性.*/