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 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
Please Login to comment...