Question

我选择了3个选项：

首先：

<select name="website">
    <option values=""></option>
    <option value="example">example.com</option>
    <option value="holding">holding.com</option>
    <option value="apple">apple.com</option>
    <option value="morning">morning.com</option>
</select>

第二

<select name="group">
    <option values=""></option>
    <option value="marketing">marketing</option>
    <option value="sales">sales department</option>
</select>

第三

<select name="name">
    <option values=""></option>
    <option value="tom">tom</option>
    <option value="john">john</option>
    <option value="doe">doe</option>
    <option value="martin">martin</option>
</select>

我希望在从任何选择中选择一个选项后有3个选择可以过滤，其余两个只显示相应的值，可以选择空选项来重置此过滤器。

我的想法是这样做：

<option class="website-example website-holding group-marketing" value="tom">tom</option>

因此，当我选择汤姆时，在精选网站上只保留example.com和holding.com以及选择群组仅限营销等等。

因此，来自一个选项的选项具有来自其他类别中的值的ex + on select first选项具有值“”用于重置过滤。

你知道如何解决它或如何更好地解决它？

Answer 1

尝试将rel attr用于通过点击功能

显示的相应项目

Answer 2

你可以这样做：

$("select[name='website']").on('change', function() {
    if ('example' === $("option:selected", this).val()) {
        $("option[value='marketing']").attr('disabled','disabled');
    }
});

如果可以的话，尽可能动态地制作

jQuery选择另一个选择的更改

2 个答案: