how to check which select option group is selected using jquery


I am facing a small issue in my html/jquery code, how would i know, which option group is selected by me when i select any dropdown list value from code:-

<select  id="Category" name="Category"><option value="">Select Category</option>
<optgroup label="Test">
<option value="1">Value 1</option>

</optgroup>
<optgroup label="General">
<option value="2">value 2</option>
<option value="3">value 3</option>
</optgroup>
</select>


I want to select option group value using jquery/javascript.

I have to show a div when the user select an option which is in the General label optgroup

Thanks


Asked by:- manish
1
: 322 At:- 5/12/2017 12:35:52 PM
jquery html javascript






1 Answers
profileImage Answered by:- vikas_jk

You can easily do it, considering your above html code, i am writing jquery code here which work's for me

Jquery code:-

$("#Category").on('change', function () {
            var selected = $("option:selected", this);
            $(".div_to_show").show();
            if (selected.parent()[0].label != "General") {
                
                $(".div_to_show").hide();
            }
            else {
               
               
                $(".div_to_show").show();
               
            }
        });



2
At:- 5/12/2017 12:53:59 PM
thank you , this works perfectly fine for me 0
By : manish - at :- 5/12/2017 1:01:34 PM





Login/Register to answer
Or
Register directly by posting answer/details

Full Name *

Email *




By posting your answer you agree on privacy policy & terms of use