El atributo de valor para la etiqueta <opción> en HTML se utiliza para especificar el valor del elemento de opción.
Sintaxis:
<option value = "value">
Valor de atributo: contiene un valor de valor único que debe enviarse al servidor.
Ejemplo: Este ejemplo ilustra el atributo de valor en la etiqueta de opción.
html
<!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>
Salida: Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles: los navegadores compatibles con el atributo de valor en la etiqueta de opción se enumeran a continuación:
- safari de manzana
- Google cromo 1
- Borde 12
- Firefox 1
- Ópera
- explorador de Internet
Publicación traducida automáticamente
Artículo escrito por Vishal Chaudhary 2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA