Select options 集合
Select 对象的 option 集合可返回包含 <select> 元素中所有 <option> 的一个数组
数组中的每个元素对应一个 <option> 标签 - 下表由 0 开始
语法
selectObject.options
属性
| 属性 | 描述 |
|---|---|
| length | 返回集合的 option 元素数目 |
| selectedIndex | 设置或者返回 select 对象已选选项的索引值(以 0 起始) |
方法
| 方法 | 描述 |
|---|---|
| [index] | 以数字形式指定元素索引 (以 0 开始) |
| add(element[,index])] | 在集合中添加option元素 |
| item(index) | 以数字索引返回集合中元素 |
| namedItem(name) | 以名称为索引返回集合元素 |
| remove(index) | 从集合中移除元素 |
浏览器支持
所有主要浏览器都支持 options 集合
范例
循环输出下拉列表中的所有选项
<script> function displayResult(){ var x=document.getElementById("mySelect"); var txt="All options: "; var i; for (i=0;i<x.length;i++){ txt=txt + "\n" + x.options[i].text; } alert(txt); } </script> <form> 你最喜欢的水果: <select id="mySelect"> <option>Apple</option> <option>Orange</option> <option>Pineapple</option> <option>Banana</option> </select> </form> <button type="button" onclick="displayResult()">显示所有选项的文本</button>