如何设置基于另一个下拉使用jQuery的下拉值

Question

我有一个html表，有n表记录。

<tr>@Html.DropDown("Name1", SelectList)<tr> 
<tr>@Html.DropDown("Name2", SelectList)<tr> 
<tr>@Html.DropDown("Name3", SelectList)<tr> 
<tr>@Html.DropDown("Name4", SelectList)<tr> 
.. 
.. 

我在需要的jQuery的解决方案，这样，当我改变＃NAME（第一）项目，同样要在其他降反映了下来。 SelectList对于所有下拉菜单都很常见。

Answer 1

试试这个代码：

<select id="first"> 
<option value="one">one</option> 
<option value="two">two</option> 
<option value="three">three</option> 
<option value="four">four</option> 
</select> 
<select id="second" class="group_member"> 
<option value="one">one</option> 
<option value="two">two</option> 
<option value="three">three</option> 
<option value="four">four</option> 
</select> 
<select id="third" class="group_member"> 
<option value="one">one</option> 
<option value="two">two</option> 
<option value="three">three</option> 
<option value="four">four</option> 

使用此代码：

<script> 
$(document).ready(function() { 
    $("#first").change(function(){ 
     $("#second").val($(this).val()); 
     $("#third").val($(this).val()); 
    }); 
}); 
</script> 

OR

<script> 
    $(document).ready(function() { 
     $("#first").change(function(){ 
      $(".group_member").val($(this).val()); 
     }); 
    }); 
    </script> 

Answer 2

试试这个，这个工作，

<select name="first" id="first"> 
    <option value="a">A</option> 
    <option value="b">B</option> 
    <option value="c">C</option> 
</select> 
<select name="second" id="second"> 
    <option value="a">A</option> 
    <option value="b">B</option> 
    <option value="c">C</option> 
</select> 

<script type="text/javascript"> 
$(document).ready(function(){ 
    $(document).on('change','#first',function(e){ 
     e.preventDefault(); 
     $this = $(this); 
     $('#second').val($this.val()); 
    }); 
}); 
</script>