HTML教程 XML教程 JavaScript教程 HTML DOM 教程 ASP教程 PHP教程 VBScript教程 AJAX教程 SQL教程 ADO教程 ASP.NET教程 VB.Net 教程 C语言教程 C++教程

HTML DOM options 集合

定义和用法

option 集合可返回包含 <select> 元素中所有 <option> 的一个数组。

注释：数组中的每个元素对应一个 <option> 标签 - 由 0 起始。

语法

selectObject.options[]

说明

options[] 集合并非一个普通的 HTMLcollection。为了和早期的浏览器向后兼容，这个集合有某种特殊的行为：允许通过 Select 对象来改变显示的选项：

如果把 options.length 属性设置为 0,Select 对象中所有选项都会被清除。
如果 options.length 属性的值比当前值小，出现在数组尾部的元素就会被丢弃。
如果把 options[] 数组中的一个元素设置为 null，那么选项就会从 Select 对象中删除。
可以通过构造函数 Option() 来创建一个新的 option 对象（需要设置 options.length 属性）。

实例

下面的例子可输出下拉列表中所有选项的文本：

<html>
<head>
<script type="text/javascript">
function getOptions()
  {
  var x=document.getElementById("mySelect");
  for (i=0;i<x.length;i++)
    {
    document.write(
x.options[i].text)
    document.write("<br />")
    }
  }
</script>
</head>
<body>

<form>
Select your favorite fruit:
<select id="mySelect">
  <option>Apple</option>
  <option>Orange</option>
  <option>Pineapple</option>
  <option>Banana</option>
</select>
<br /><br />
<input type="button" onclick="getOptions()"
value="Output all options">
</form>

</body>
</html>

TIY

输出下拉列表中所有选项的文本
设置下拉列表中被选选项的文本

返回 HTML DOM Select 对象参考手册

HTML DOM options 集合

定义和用法

语法

说明

实例

TIY

HTML DOM

DOM 实例

DOM 对象