您现在的位置： 365建站网 > 建站教程 > JavaScript 教程 > HTML DOM value 属性

HTML DOM value 属性

此节有 127 人学习过参与评论

定义和用法

value 属性可设置或返回选项的值。

当表单提交发生的时候，如果这个选项被选中，value 会和表单一起提交。映射 <option> 的 value 属性。

语法

optionObject.value=somevalue

实例

下面的例子可返回被选选项的文本：

<html>
<head>
<script type="text/javascript">
function alertValue()
  {
  var x=document.getElementById("mySelect").selectedIndex;
  alert(document.getElementsByTagName("option")[x].value);
  }
</script>
</head>
<body>

<form>
Select your favorite fruit:
<select id="mySelect">
  <option value="apple">Apple</option>
  <option value="orange">Orange</option>
  <option value="pineapple">Pineapple</option>
  <option value="banana">Banana</option>
</select>
<br /><br />
<input type="button" onclick="alertValue()" value="Alert selected value">
</form>

</body>
</html>