减小字体
增大字体- ·上一篇文章：引用 cite 属性
- ·下一篇文章：介绍（Introduction）
当前位置：K88软件开发 → 文章中心 → 编程语言 → JavaScript → JS02 → 文章内容
HTML DOM Select options 集合
由 叫我周泡泡 创建，youj 最后一次修改 2016-11-25 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 集合实例实例循环输出下拉列表中的所有选项:<!DOCTYPE html><html><head><meta charset="utf-8"><title>W3Cschool在线教程(k88.net)</title><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></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>尝试一下 ?更多实例通过另外一个下拉菜单已选选项来修改当前下拉菜单的选项。 Select 对象
HTML DOM Select options 集合
