Select options 集合
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 集合。
在线实例
实例
循环输出下拉列表中的所有选项:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>牛客教程(nowcoder.com)</title> <script> function displayResult(){ var x=document.getElementById("mySelect"); var txt="All options: "; var i; for (i=0;i<x.length;i++){ txt=txt + " " + x.options[i].text; } alert(txt); } </script> </head> <body> <form> 你最喜欢的水果: <select id="mySelect"> <option>Apple</option> <option>Orange</option> <option>Pineapple</option> <option>Banana</option> </select> </form> <button type="button" onclick="displayResult()">显示所有选项的文本</button> </body> </html>