Как назначить значение параметра из выпадающего списка, чтобы выбрать идентификатор другого выпадающего списка?

Question

У меня есть длинный выбор выпадающего меню. При щелчке по каждому параметру должен отображаться другой раскрывающийся список. Это пример html-кода. Поэтому, когда я выбираю section1, selction будет отображаться с идентификатором section1, и когда я нажму на section2, будет показан drop2w2 раздела2.

<select id="section_id" name="section"> 
<option>--Select -</option> 
<option value="section1">section1</option> 
<option value="section2">section2</option> 
</select> 

<select id="section1" name="sub_section"> 
<option>--Select -</option> 
<option value="section1">subsection</option> 
<option>subsection</option> 
</select> 
<select id="section2" name="sub_section1"> 
<option>--Select -</option> 
<option value="section1">section</option> 
<option>section</option> 
</select> 


My js code: 

$(document).ready(function(){ 
      $("#section_id").change(function(){ 
      var v = $(this).val(); 
      var y = document.getElementById(var); 
      if (if (v==y)){ 
       $("#" + y).show(); 
      } 
      else{ 
       $("#" + y).hide(); 
      } 
      }); 
     }); 

Answer 1

$(document).ready(function(){ 
      $("#section_id").change(function(){ 
      var v = $(this).val(); 
      var y = $('#'+v); 
      y.show(); 
      y.siblings('[sub_*]').hide() 
      }); 
     });