Edit The Code:
See Result »
Try it Yourself - ©
w3ii.com
<!DOCTYPE html> <html> <body> <select size="6"> <option value="BMW">BMW</option> <option value="Mercedes">Mercedes</option> <optgroup id="myOptgroup" label="Swedish Cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="koenigsegg">Koenigsegg</option> </optgroup> </select> <p>Click the button to return the value of the label attribute of the option-group.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myOptgroup").label; document.getElementById("demo").innerHTML = x; } </script> </body> </html>