当前位置: 首页 > 网络学院 > 客户端脚本教程 > HTML DOM > HTML DOM options 集合

HTML DOM
DOM TableRow 对象
DOM Textarea 对象
DOM Window 对象

HTML DOM options 集合


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-03-04   浏览: 459 ::
收藏到网摘: n/a

Definition and Usage
定义与用法

The option collection returns an array of all the options in a dropdown list.
options集合可获取 select 对象中 option 对象的集合。

Note: There is one element for each <option> tag - starting at 0.
注意:每一个<option>标签都算为一个元素 - 从0 开始

Syntax 语法

selectObject.options[]


Example 举例

<html>
<head>
<script type="text/javascript">
function getOptionIndex()
{
var x=document.getElementById("mySelect")
alert(x.selectedIndex)
}
</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="getOptionIndex()"
value="Alert index of selected fruit">
</form>
</body>
</html>


演练

Alert the index of the selected option in a dropdown list
提示选中项在下拉列表中的索引数

Alert the text of the selected option in a dropdown list
提示选中项的文字

Change the text of the selected option
改变选中项的文字

评论 (0) All

登陆 | 还没注册?