Question

我有一个带有n表记录的html表。

<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（first）中更改Items时，同样应该反映在其他Drop down中。 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>

如何使用jquery基于另一个下拉菜单设置下拉值

2 个答案: