时间戳

首页 > 解决方案 > jQuery 过滤选择选项在 Safari 中不起作用（但在 Chrome 和 FF 中起作用）

javascript - jQuery 过滤选择选项在 Safari 中不起作用（但在 Chrome 和 FF 中起作用）

问题描述

我有一个带有一些下拉列表的表单，第一个选择的下拉列表将用于过滤第二个下拉列表的选择（以限制它们）。以下代码在 FF 和 Chrome 中运行良好，但在 Safari（至少 11.1.2 版）中无法运行：

if(~jQuery(this).attr('id').indexOf('5b0ad35592224') && ~jQuery(this).attr('id').indexOf(jQuery(this).closest('tr').attr('data-id'))) {
        var vallie = jQuery(this).val();
        var sub = jQuery('[id*="'+jQuery(this).closest('tr').attr('data-id')+'-field_5b0ad39f92225"]');
        console.log(sub);
        jQuery('option', sub).filter(function(){
            if (~jQuery(this).val().indexOf(vallie) || jQuery(this).val() === 'Choisir') {
                jQuery(this).show();
            } else {
                jQuery(this).hide();
            }
        });
      jQuery(sub).val('Choisir');  
    };

奇怪的是，当我控制台记录返回的值时，或者vallie它们在所有浏览器中都是相同的。我很困惑为什么 Safari 不过滤第二个下拉列表中的选项（它只显示所有选项）subjQuery(this).val().indexOf(vallie)

标签： javascriptjquerysafari

解决方案

如果您要使用.filter，您应该返回一个布尔值，指示是否包含当前项目而不是使用.show()和.hide() 文档

否则，使用.each或.map

推荐阅读