Skip to content
Related Articles
Get the best out of our app
GFG App
Open App
geeksforgeeks
Browser
Continue

Related Articles

HTML | option value Attribute

Improve Article
Save Article
Like Article
Improve Article
Save Article
Like Article

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:

 optionvalue 

After clicking the button:

 optionvalue 

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

My Personal Notes arrow_drop_up
Last Updated : 26 Sep, 2022
Like Article
Save Article
Similar Reads
Related Tutorials