jquery - jquery 两个选择连接

Question

我正在尝试连接两个 HTMLselect元素。我想要的是当项目被select1选择禁用或删除时select2。我试过了

var selector = "#select2 option [value = '" + id_familia + "']";
$(selector).remove();

但可能会更新#select2？即选定的项目#item1和项目#select2删除但是当我再次选择任何项目#select1item1 时没有显示#select2。

有人可以帮忙吗？

Answer 1

我认为你几乎是正确的。只需尝试删除 和 之间的option空格[。

尝试：

var selector = "#select2 option[value='" + id_familia + "']"; 

还要确保id_familia具有正确的值#select1

Answer 2

我不会删除它，如果用户再次更改选择怎么办？我的硬币：

var $select1 = $('#select1');
var $select2 = $('#select2');

$select1.on('change', function () {
    var selectedValue = $select1.val();
    $select2.find('option').prop('disabled', false).filter('[value="' + selectedValue + '"]').prop('disabled', true);
});

因此，在 select1 中的每次更改时，都会启用 select2 中的所有选项，但在 select1 中选择的选项除外。