Javascript jQuery不在IE中工作

我的代码在FF中工作良好，但在IE中不工作。某些值隐藏在第二个下拉列表中，具体取决于选择的第一个下拉列表的值。值在FF中正确隐藏，但所有内容都显示在IE中：

function updateMountingMethod() {
    var selectedVal = $('#attrib-13 option:selected').text().split(" ")[0];
    $.each($("#attrib-7").children(), function() {
        var optionText = $(this).text();
        var values = optionText.split('|')[1];
        if (values != undefined) {
            if (values.substring(1, 3) != selectedVal) {
                $(this).css('display', 'none');
            }
            else {
                $(this).text($(this).text().split("|")[0] + $(this).text().split("|")[2]);
            }
        }
    })
}

如果这还不完全清楚，这里有一个更好的描述。

我有一个jQuery代码，每次更改下拉列表值时都会调用它。当值更改时，它将获取所选元素的大小。显示的值看起来像11英尺、15英尺、19英尺，因此我将其拆分为仅获取数字，而不是英尺。根据所选的值，它需要更新下一个下拉菜单，其格式如下：

Item 1 | 11'11" | Item 2 | 15'9" | Item 3 | 19'9" | ... 项目1 | 11'11“| 项目2 | 15'9“| 项目3 | 19'9“| ...

---

我不想显示

|

之间的内容，它只是将每个项目与所选长度相匹配（即选择第一个下拉列表中的11英尺选项，然后在第二个下拉列表中仅显示

11'11“

选项）。有人能告诉我为什么IE中没有隐藏这些额外的值吗？

在这种情况下，我要做的第一件事是根据W3C验证HTML；IE中经常出现问题，因为HTML不是100%兼容的。查看我发现的一些问题

您的代码似乎足够简单，但我想知道您正在测试的IE版本是否与

上的CSS属性有关。通过添加

框测试，并包括一些

一些包括

和一些不包括的。如果它不起作用，那么你需要另一种方法。通常，对于这样的多级选择，我最终会将数据结构存储在代码中，然后动态删除并附加正确的辅助

。另一种方法可能是将属性

disabled

添加到您试图禁用的选项中。