Question

我正在尝试连接两个HTML select元素。我想要的是，当项目为select1时，请在select2中选择停用或删除。我试过了

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

但可能会更新#select2？即所选项目#item1和项目#select2已删除，但当我再次选择任何项目#select1 item1时，#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中选择的选项。

jquery两个选择连接

2 个答案: