根据另一个下拉列表的值更改droplist的值

时间:2017-02-23 09:57:44

标签: jquery

我需要根据下拉列表(1)的值更改下拉列表(2)中的选定值。我读了很多帖子但是找不到解决方案。

下拉列表(1)

<select name="Active" id="Active" class="imaindatesel">
    <option value="" <?php if (!(strcmp("", $row_SeqUpdate['SeqActive']))) {echo "selected=\"selected\"";} ?>>Select........</option>
    <option value="1" <?php if (!(strcmp(1, $row_SeqUpdate['SeqActive']))) {echo "selected=\"selected\"";} ?>>Enabled</option>
    <option value="0" <?php if (!(strcmp(0, $row_SeqUpdate['SeqActive']))) {echo "selected=\"selected\"";} ?>>Disabled</option>   
</select>

下拉列表(2)

<select name="Client" class="imaindatesel" id="Client">
    <option value="" <?php if (!(strcmp("", $row_SeqUpdate['ClientName']))) {echo "selected=\"selected\"";} ?>>Select........</option>
    <option value="1" <?php if (!(strcmp(1, $row_SeqUpdate['ClientName']))) {echo "selected=\"selected\"";} ?>>Enabled</option>
    <option value="0" <?php if (!(strcmp(0, $row_SeqUpdate['ClientName']))) {echo "selected=\"selected\"";} ?>>Disabled</option>  
</select>

有没有办法使用jQuery做到这一点?

非常感谢你的时间。

1 个答案:

答案 0 :(得分:2)

如下所示: -

$('#Active').on('change',function(){
   $('#Client').val($('#Active :selected').val());
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select name="Active" id="Active" class="imaindatesel">
    <option value="">Select........</option>
    <option value="1">Enabled</option>
    <option value="0">Disabled</option>   
</select>


<select name="Client" class="imaindatesel" id="Client">
    <option value="">Select........</option>
    <option value="1">Enabled</option>
    <option value="0">Disabled</option>  
</select>