Option value 属性

返回上一级

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

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

语法

设置 value 属性

optionObject.value= "text"

返回 value 属性

optionObject.value

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

范例

显示已选择的选项值

<script>
function displayResult(){
    var x=document.getElementById("mySelect").selectedIndex;
    alert(document.getElementsByTagName("option")[x].value);
}
</script>
<form>
选择你最喜欢的水果:
<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()">选择的水果的值。</button>

运行范例 »

返回上一级

JavaScript 参考手册

关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.