首页 > 代码库 > Java Script基础(九) 下拉列表对象

Java Script基础(九) 下拉列表对象

Select下拉列表

  属性:

  options[]:返回包含下拉列表中的所有选项的一个数组。

  selectedIndex:设置返回下拉列表中被选项目的索引号。

  length:返回下拉列表框中选项的数目。如果设置为0,表示清空列表框。

  方法:

  add(new,old):添加一个选项。如果old为空则添加到末尾,old有值则添加到old之前。

  事件:

  onchange:当改变选项时调用的事件。

 

Option对象

  属性:

  text:设置或返回某个选项的文本值。

  value:设置某个选项的value值。

 

  示例:添加一个周的星期到select列表  

<select id="week"></select>    <script type="text/javascript">    var select = document.getElementById("week");    var weeks = new Array("星期一","星期二","星期三","星期四","星期五","星期六","星期天");    for(var i=0;i<weeks.length;i++){        select.add(new Option(weeks[i],i+1));    }</script>

 

Java Script基础(九) 下拉列表对象