【问题标题】:Changing value of droplist based on the value of another dropdown list根据另一个下拉列表的值更改下拉列表的值
【发布时间】:2017-02-23 09:57:44
【问题描述】:

我需要根据下拉列表 (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 的方法来做到这一点?

非常感谢您抽出宝贵时间。

【问题讨论】:

  • 添加渲染的 HTML 也添加你到目前为止尝试过的内容

标签: jquery


【解决方案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>

【讨论】:

  • 感谢您的回复,我会处理此问题并回复您。非常感谢。
  • @DCJones 很高兴为您提供帮助。:):):)
【解决方案2】:

您可以根据Active上选择的内容设置Client选择

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

Live Fiddle

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多