I’m not understanding the selector process in Jquery. I have 5 dropdowns for customers to make a custom blend. Choose your first Origin (Required) Choose your roast (required) and there is an optional/second Choose your origin dropdown. If the customer wants they may choose the second Roast and the Ratio(also a dropdown) for their options. If the customer does not choose a second Origin then I don’t want them to choose a Roast or Ratio. Please assist.
My Jquery
`
Choose Your Origin
Choose AfricaCentral AmericaSouth AmericaIndonesia
Choose Your Roast
ChooseLight RoastMedium RoastDark Roast
Choose Your Origin (optional)
ChooseAfricaCentral AmericaSouth AmericaIndonesia
Choose Your Roast (optional)
ChooseLight RoastMedium RoastDark Roast
Ratio (Choice 1 / Choice 2)
choose50/5060/4070/3080/2040/6030/7020/80
Awesomeness
`
$(document).ready(function(){
//set it up so that when the event fires
$('.second-choice').change(function(eventObj){
var selected_optional_origin = $('select.spb-productdescfont.spb-productoptiontextcolor.spb-productoptionbackground').val();
var $dropdownRoastHidden = $('.second-choice').hide();
var $dropdownRoastShow = $('.second-choice').show();
if (selected_optional_origin == 0){
$dropdownRoastHidden
}
else {
$dropdownRoastShow
}
})
})