HTML DOM text 属性

HTML DOM Option 对象

定义和用法

text 属性可设置或返回选项的文本值。

该属性设置或返回的是包含在 <option> 元素中的纯文本。这个文本会作为选项的标签出现。

语法

optionObject.text=sometext

实例

下面的例子返回下拉列表中所有选项的文本：

<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>

亲自试一试

TIY

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

HTML DOM Option 对象

VUE