javascript下拉列表对象入门

发布时间:2020-09-04编辑:脚本学堂
有关javascript select下拉列表对象的基础知识,包括select下拉列表的属性、方法、事件、option对象用法等,需要的朋友参考下。

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>