別のドロップダウンリストの値に基づいてドロップリストの値を変更する

Question

ドロップダウンリスト（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のを使用してこれを行う方法はありますか？

お時間をいただき、ありがとうございます。

Answer 1

以下のように実行します -

$('#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>

Answer 2

あなたはClientがActive

$(document).on('change', '#Active', function() { 
    $('#Client').val($(this).val()); 
}) 

Live Fiddle

上で選択されているものに応じて選択設定することができます