다른 드롭 다운의 ID를 선택하기 위해 드롭 다운에서 옵션 값을 할당하는 방법은 무엇입니까?

Question

긴 선택 드롭 다운 메뉴가 있습니다. 각 옵션을 클릭하면 다른 드롭 다운이 표시됩니다. 이것은 샘플 HTML 코드입니다. 따라서 section1을 선택하면 section1 id와 함께 selction이 표시되고 section2를 클릭하면 section2 dropdwon이 표시됩니다.

<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() 
      }); 
     });