2014-03-13 76 views
0

我想創建一個控制多個下拉框的主下拉框。這個在循環中創建的多重下拉框,所以我需要動態腳本,它對類或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> 

回答

0

難道這就是你想達到什麼目的? 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" > 
... 

+0

你是輝煌的。非常感謝你! – user3193372

+0

這就是小菜一碟...相信我! :) –