javascript - 如何根据所选的其他 选项禁用 选项？

Question

有 2 个组合框具有相同的选项和值。因此，当用户在第一个组合框中选择 python 时，第二个组合框中的 python 选项将被禁用。但当我尝试时，这是行不通的。这是我的代码:

HTML:

<select name="first_combobox">
    <option value="python">Python</option>
    <option value="ruby">Ruby</option>
    <option value="lua">Lua</option>
</select>

<select name="second_combobox">
    <option value="python">Python</option>
    <option value="ruby">Ruby</option>
    <option value="lua">Lua</option>
</select>

JS(jQuery):

$("select[name=first_combobox]").change(function(){
    if ($("select[name=first_combobox]").val() === $("select[name=second_combobox]").val()) {
        $("select[name=second_combobox] option[value=" + $("select[name=first_combobox]").val() + "]").attr("disabled", "disabled");
    } else {
        $("select[name=second_combobox] option[value=" + $("select[name=first_combobox]").val() + "]").removeAttr("disabled");
    }
});

有人可以帮我解决这个问题吗？先谢谢了

Answer 1

这应该适合你:

$("select[name=first_combobox]").change(function(){
    $("select[name=second_combobox] option").removeAttr("disabled");
    $("select[name=second_combobox] option[value=" + $("select[name=first_combobox]").val() + "]").attr("disabled", "disabled");
});

Fiddle