365体育备用网址报道HTML DOM options 集合_365体育备用网址官网资讯

JavaScript/dom_obj_select.HTML">HTML DOM Select 对象

定义和用法

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");
  var y="";
  for (i=0;i<x.length;i++)
    {
    y+=x.options[i].text;
    y+="<br />";
    }
  document.write(y);
  }
</script>
</head>

<body>

<form>
请选择您喜欢的水果:
<select id="mySelect">
  <option>苹果</option>
  <option>桃子</option>
  <option>香蕉</option>
  <option>桔子</option>
</select>
<br /><br />
<input type="button" onclick="getOptions()" value="输出一切选项">
</form>

</body>
</html>

PHP?filename=hdom_select_options">亲自试一试

------分隔线----------------------------

公布评论 (142人察看0条评论)
请自觉遵守互联网相关的政策法规,严禁公布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换银河国际娱乐网站
最新评论