컨트롤 하나의 기본 드롭 다운 상자로 여러 드롭 다운 상자

Question

여러 드롭 다운 상자를 제어하는 ​​기본 드롭 다운 상자를 만들려고합니다. 이 여러 드롭 다운 상자에서 루프를 만들었으므로 클래스 또는 ID에서 작동하는 동적 스크립트가 필요합니다.

예 -

<form method="post" name="postage"> 
Select All  
     <select id="options1" name="se1" > 
      <option value="0" >-- Select --</option> 
      <option value="Royal Mail">Royal mail</option> 
      <option value="USP courier">USP courier</option> 
      <option value="Standard courier">Standard courier</option> 
      <option value="DHL courier">DHL courier</option> 
     </select> 

Select Manually-  
     <select id="options2" name="se2" > 
      <option value="0" >-- Select --</option> 
      <option value="Royal Mail">Royal mail</option> 
      <option value="USP courier">USP courier</option> 
      <option value="Standard courier">Standard courier</option> 
      <option value="DHL courier">DHL courier</option> 
     </select> 
     <select id="options3" name="se3" > 
      <option value="0" >-- Select --</option> 
      <option value="Royal Mail">Royal mail</option> 
      <option value="USP courier">USP courier</option> 
      <option value="Standard courier">Standard courier</option> 
      <option value="DHL courier">DHL courier</option> 
     </select> 
     <select id="options3" name="se4" > 
      <option value="0" >-- Select --</option> 
      <option value="Royal Mail">Royal mail</option> 
      <option value="USP courier">USP courier</option> 
      <option value="Standard courier">Standard courier</option> 
      <option value="DHL courier">DHL courier</option> 
     </select> 
<input type="submit" name="submit_result" /> 
</form> 

내가 하나의 스크립트를 발견하지만 난이 변경 위치를 모르는 -

<script type='text/javascript'>//<![CDATA[ 
window.onload=function(){ 
$('.west-yorkshire').change(function({ 
    var value = $(this).val(); 
     $('.className').each(function(
     $(this).val(value); 
     alert(value); 
    )); 
})); 
}//]]> 

</script> 

Answer 1

이 당신이 달성하려고했던 무엇인가?

http://jsfiddle.net/9R9DV/2/)의 일부 JS 코드

$(document).ready(function(){ 
    $('#options1').change(function(){ 
    var value = $(this).val(); 
    $('.manual').each(function(){ 
     $(this).val(value); 
    }); 
}); 

}를 변경;

및 클래스 HTML 코드에

<select class="manual" id="options2" name="se2" > 
... 
<select class="manual" id="options3" name="se3" > 
... 

등