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>
复制代码
posted on 2015-12-23 01:01  爱海滔滔  阅读(457)  评论(0编辑  收藏  举报