How to show div upon clicking drop down box

Question

Hello friends I have a drop down box with yes and no values. By default it's set to 'No' however when we select the value of yes another div should appear. Please help

Answer 1

$('#IdOfYourDropDown').change(function(){
    if($(this).val() == 'Yes'){
        $('#IdOfYourDiv').show();
    }
    else{
        $('#IdOfYourDiv').hide();
    }
});

Answer 2

$('#my_dropdown_id').bind('change', function(){
   switch($(this).val().toLowerCase()){
      case 'yes':{
          $('#my_show_id').show();
          break;
      }
      case 'no':{
          $('#my_show_id').hide();
          break;
      }
   }
});

You can extend that switch statement with any other value you might want to test for.

Answer 3

Thank you patricia, very much appreceated. I don't know how to accept answer, pls anyone suggest me. The javascript version would be great for learning purpose but too much code i guess. Thanks