Option value 屬性

Option 對象

定義和用法

value 屬性可設(shè)置或者返回option的值 (當表單提交后會發(fā)送數(shù)據(jù)到服務(wù)端)。

提示：當表單提交發(fā)生的時候，如果這個選項被選中，value 會和表單一起提交。

語法

設(shè)置 value 屬性：

optionObject.value="text"

返回 value 屬性：

optionObject.value

瀏覽器支持

所有主要瀏覽器都支持 value 屬性

實例

顯示已選擇的選項值:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>小白教程(json.cn)</title>
<script>
function displayResult(){
????var x=document.getElementById("mySelect").selectedIndex;
????alert(document.getElementsByTagName("option")[x].value);
}
</script>
</head>
<body>

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

</body>
</html>

運行代碼 ?

Option 對象其他擴展

上一篇：Option text 屬性下一篇：Parameter name 屬性