javascript - 如何隐藏jquery选择的下拉列表框中的值？

Question

嗨，我正在开发一个 jquery 应用程序，其中我有一个选择的下拉列表框和 GridView 。 gridview 的第一列包含复选框，顶部还包含全选按钮。例如，如果我检查 gridview 内的 3 行，则需要禁用 dropdownlistbox 中的相应值。我正在尝试如下。这是从 gridview 获取所有检查值的代码。

var checkedValues = [];
        $("#<%=gdvRegretletter.ClientID %> tr").each(function () {
            if($(this).closest('tr').find('input[type="checkbox"]').prop('checked', true))
            {
                checkedValues += $(this).val();
            }
        });

一旦我获得数组中的值，当我进入下拉菜单时，我就会看到以下代码。

 $('.limitedNumbSelect').change(function (e) {

        $("#limitedNumbSelect > option").each(function () {
         //if (this.value == checkedValues)  If this.value is equal to any value from checkedValues then i want to hide that value inside dropdownlistbox.

            // Here i want to hide all values of checkedValues array(values will be same in dropdownlistbox)
        });
});

我尝试如下。

$('.limitedNumbSelect').change(function (e) {
            var checkedValues = [];
            $("#<%=gdvRegretletter.ClientID %> tr").each(function () {
                 if ($(this).closest('tr').find('input[type="checkbox"]').prop('checked', true)) {
                     checkedValues.push($(this).closest('tr').find('td:eq(2)').text().trim());
                 }
             });
             $(".limitedNumbSelect > option").each(function () {
                 var val = $(this).val();
                 alert(val);
                 var display = checkedValues.indexOf(val) === -1;
                 $(this).toggle(display);
                 $('.limitedNumbSelect option[value=' + display + ']').hide();
                 $(".limitedNumbSelect").find('option:contains(' + display + ')').remove().end().chosen();
             });
        });

上面的代码有一个错误。例如，如果我从 gridview 选择一个值，那么如果我单击下拉列表，我就可以选择该值(第一次单击时)。第二次单击所需的值将隐藏。

上面的代码不起作用。数组 checkValues 无法捕获值。

我不知道里面该写什么。任何帮助，将不胜感激。谢谢。

Answer 1

尝试这样的事情:

$('.limitedNumbSelect').change(function (e) {
    $("#limitedNumbSelect > option").each(function () {
        var val = $(this).val();
        var display = checkedValues.indexOf(val) === -1;
        $(this).toggle(display);
    });
});