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

HTML DOM
DOM Input Checkbox
DOM Input File 对象
DOM Input Hidden对象
DOM Input Password 对象
DOM Input Radio 对象
DOM Input Reset 对象
DOM Input Submit 对象
DOM Input Text 对象
DOM Link 对象
DOM Location 对象
DOM Meta 对象
DOM Navigator 对象
DOM 对象
DOM Option 对象
DOM Screen 对象
DOM Select 对象
DOM Style 对象
DOM Table 对象
DOM TableData 对象
DOM TableHeader 对象

HTML DOM options 集合


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-03-04   浏览: 403 ::
收藏到网摘: 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

登陆 | 还没注册?