Javascript 参考手册

HTML DOM 对象

Option value 属性

Option 对象

定义和用法

value 属性可设置或者返回option的值 (当表单提交后会发送数据到服务端)。

提示:当表单提交发生的时候,如果这个选项被选中,value 会和表单一起提交。

语法

设置 value 属性:

optionObject.value="text"

返回 value 属性:

optionObject.value

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 value 属性

实例

实例

显示已选择的选项值:

<html>

<head>

<script>

function displayResult()

{

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>

</form>


<button type="button" onclick="displayResult()">Display value</button>


</body>

</html>
尝试一下 »

Option 对象

新闻动态 联系方式 广告合作 招聘英才 安科实验室 帮助与反馈 About Us

Copyright © 2013 - 2019 Ancii.com All Rights Reserved京ICP备18063983号-5 京公网安备11010802014868号