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