HTML | option value Attribute
The value attribute for <option> tag in HTML is used to specify the value of the option element.
Syntax:
<option value = "value">
Attribute Value: It contains single value value which has to be sent to the server.
Example: This example illustrates the value attribute in option tag.
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> |
Output: Before clicking the button:
After clicking the button:
Supported Browsers: The browser supported by value attribute in option tag are listed below:
- Apple Safari
- Google Chrome 1
- Edge 12
- Firefox 1
- Opera
- Internet Explorer
.png)
