Java Script基础（九）下拉列表对象

weixin_30894583

于 2014-12-19 16:05:00 发布

阅读量198

点赞数

文章标签： java javascript ViewUI

原文链接：http://www.cnblogs.com/zhengcheng/p/4174126.html

版权

本文详细介绍了Select下拉列表的属性、方法及事件，包括options、selectedIndex、length等核心概念，并提供了添加选项的示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>