如何隐藏jquery选择的下拉列表框中的值?

尼兰詹·戈德博尔

嗨,我正在开发一个jquery应用程序,其中有一个选择的dropdownlistbox和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中选择一个值,那么如果我单击下拉列表,则能够选择该值(第一次单击)。第二次单击时,所需值将隐藏。

上面的代码不起作用。数组checkedValues不能捕获值。

我不知道该写些什么。任何帮助,将不胜感激。谢谢你。

沙洛姆皮肤

尝试这样的事情:

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在下拉列表1中选择值时如何更改下拉列表框的内容

来自分类Dev

在列表框中隐藏选择栏

来自分类Dev

用户从下拉列表框中选择选项后,如何获取新选择的值和旧的值?

来自分类Dev

使用数组中的值填充下拉列表框

来自分类Dev

下拉列表中的列表框

来自分类Dev

如何在多选列表框中自动选择与表中的值相关的项目?

来自分类Dev

jQuery使用选择框/下拉列表显示隐藏问题

来自分类Dev

从列表框中获取未选择的值

来自分类Dev

如何在工作表中搜索从useform多选列表框中选择的匹配值或项目?

来自分类Dev

如何从用户选择的列表框中获取字符串值?

来自分类Dev

如何获取jQuery选择的drodpown列表框的onclick事件?

来自分类Dev

gridview页脚中的下拉列表框

来自分类Dev

如何确定列表框中是否选择了任何行

来自分类Dev

如何限制tkinter列表框中的选择数量?

来自分类Dev

如何在列表框中投射选择的项目

来自分类Dev

如何限制tkinter列表框中的选择数量?

来自分类Dev

如何随机选择列表框中的所有项目?

来自分类Dev

如何从列表框选择中填充组合框?

来自分类Dev

如何重新选择列表框中的项目?

来自分类Dev

通过VBA在html的下拉列表框中选择多个值

来自分类Dev

如何根据jquery中提供的值来检查并禁用列表框中的选项?

来自分类Dev

如何编码组合框以根据组合框中的选择在列表框中显示列表?

来自分类Dev

如何根据下拉列表中选择的项目在隐藏字段中设置值

来自分类Dev

如何从dataview在列表框中显示值

来自分类Dev

如何使它不首先在下拉列表框中选择数据

来自分类Dev

使用jQuery或JS在不同的下拉列表选择中隐藏div

来自分类Dev

如何取消选择列表框的项目?

来自分类Dev

如何从列表框中选择内容

来自分类Dev

如何停止列表框自动选择?

Related 相关文章

  1. 1

    在下拉列表1中选择值时如何更改下拉列表框的内容

  2. 2

    在列表框中隐藏选择栏

  3. 3

    用户从下拉列表框中选择选项后,如何获取新选择的值和旧的值?

  4. 4

    使用数组中的值填充下拉列表框

  5. 5

    下拉列表中的列表框

  6. 6

    如何在多选列表框中自动选择与表中的值相关的项目?

  7. 7

    jQuery使用选择框/下拉列表显示隐藏问题

  8. 8

    从列表框中获取未选择的值

  9. 9

    如何在工作表中搜索从useform多选列表框中选择的匹配值或项目?

  10. 10

    如何从用户选择的列表框中获取字符串值?

  11. 11

    如何获取jQuery选择的drodpown列表框的onclick事件?

  12. 12

    gridview页脚中的下拉列表框

  13. 13

    如何确定列表框中是否选择了任何行

  14. 14

    如何限制tkinter列表框中的选择数量?

  15. 15

    如何在列表框中投射选择的项目

  16. 16

    如何限制tkinter列表框中的选择数量?

  17. 17

    如何随机选择列表框中的所有项目?

  18. 18

    如何从列表框选择中填充组合框?

  19. 19

    如何重新选择列表框中的项目?

  20. 20

    通过VBA在html的下拉列表框中选择多个值

  21. 21

    如何根据jquery中提供的值来检查并禁用列表框中的选项?

  22. 22

    如何编码组合框以根据组合框中的选择在列表框中显示列表?

  23. 23

    如何根据下拉列表中选择的项目在隐藏字段中设置值

  24. 24

    如何从dataview在列表框中显示值

  25. 25

    如何使它不首先在下拉列表框中选择数据

  26. 26

    使用jQuery或JS在不同的下拉列表选择中隐藏div

  27. 27

    如何取消选择列表框的项目?

  28. 28

    如何从列表框中选择内容

  29. 29

    如何停止列表框自动选择?

热门标签

归档