HTML中<option>标记的value属性用于指定option元素的值。
用法:
<option value = "value">
属性值:它包含必须发送到服务器的单个值。
Example:此示例说明了选项标签中的value属性。
<!DOCTYPE html>
<html>
<head>
<title>HTML option value Attribute</title>
</head>
<body style = "text-align:center">
<h1 style = "color:green;">
GeeksforGeeks
</h1>
<h2>
HTML option value Attribute
</h2>
Sorting Algorithms:
<select id="opt">
<option value="quick">Quick sort</option>
<option value="merge">Merge sort</option>
<option value="insertion">Insertion sort</option>
</select>
<button type="button" onclick="geek()">
Click me!
</button>
<p id = "p"></p>
<script>
function geek() {
var x = document.getElementById("opt").selectedIndex;
var y = document.getElementsByTagName("option")[x].value;
document.getElementById("p").innerHTML = "The selected"
+ " option has value equals " + y + ".";
}
</script>
</body>
</html>
输出:
在单击按钮之前:
单击按钮后:
支持的浏览器:选项标签中的value属性支持的浏览器如下所示:
- 苹果Safari
- 谷歌浏览器
- Firefox
- Opera
- IE浏览器
相关用法
- HTML <option> selected属性用法及代码示例
- HTML <option> label属性用法及代码示例
- HTML option用法及代码示例
- HTML Option value用法及代码示例
- HTML DOM Option用法及代码示例
- HTML Option text用法及代码示例
- HTML Option form用法及代码示例
- HTML option index用法及代码示例
- HTML Option disabled用法及代码示例
- HTML Option defaultSelected用法及代码示例
- HTML Option label用法及代码示例
- HTML Option selected用法及代码示例
- HTML <map> name属性用法及代码示例
- HTML alt属性用法及代码示例
注:本文由纯净天空筛选整理自Vishal Chaudhary 2大神的英文原创作品 HTML | option value Attribute。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。