两个相互依赖的自定义多选下拉菜单

Two custom multiselect drop down dependent on each other

本文关键字：自定义 下拉菜单 依赖 两个      更新时间：2023-09-26

两个自定义的多选下拉框相互依赖，基于组合结果需要显示项目，当选择一个时，如果没有找到组合，则在其他下拉框中应该禁用

<div class="firstdrop">
    <span value="ss">ss</span>
    <span value="dd">dd</span>
</div>
<div class="seconddrop">
    <span value="game">game</span>
    <span value="football">football</span>
</div>
<div class="game ss"></div>
<div class="gamee dd"></div>
<div class="football ss"></div>
<div class="ss"></div>

我过去这样做的方式(大致基于您的示例):

if($('#firstdrop').val() == 'some value') {
    var oldval = $('#seconddrop').val();  // In case the chosen option exists in the new option set
    var opts = '<option value="val1">Val 1</option>';
    opts += '<option value="val2">Val 2</option>'; 
    etc...
    $('#seconddrop').empty().append(opts).val(oldval);
}

哦，你需要使用选择标签，而不是div。

<select multiple id="firstdrop">...
<select multiple id="seconddrop">...
相关文章：