Question

我正在尝试在Dropdownlist上执行显示/隐藏机制。该场景是从下拉列表中选择的值，该值应该在第二个下拉列表中不再可用。

该代码适用于Firefox，但不适用于IE8。这是代码

<select id="dropdownone" class="" name="dropdownone">
<option selected="selected" value="">Default</option>
<option value="1">question 1?</option>
<option value="2">question 2</option>
<option value="3">question 3</option>
</select>

<select id="dropdowntwo" class="" name="dropdowntwo">
<option selected="selected" value="">Default</option>
<option value="1">question 1?</option>
<option value="2">question 2</option>
<option value="3">question 3</option>
</select>

$("#dropdownone").bind('change', function () {
            var index = this.selectedIndex;
            if (this.value != "") {
                $("#dropdowntwo option").each(function () {
                    var disabled = (this.index == index);
                    //$(this).attr("hidden", disabled);
                    if (disabled ) {
                        $(this).css('visibility', 'hidden');
                    } else {
                        $(this).show();
                    }
                });
            }
        });

Answer 1

您可以尝试：

$("#dropdownone").bind('change', function () {
var firstDropDown = this.selectedIndex;

if (this.value != "") {              
    $("#dropdowntwo option").each(function () {
        if(this.index == firstDropDown) {
            $("#dropdowntwo option[value='" + firstDropDown + "']").attr("style", "visibility: hidden;");
        } else {
            $("#dropdowntwo option[value !='" + firstDropDown + "']").attr("style", "visibility: show;");
        }
    });
}
});

我已经检查过这在IE8中有效。

显示/隐藏IE8中下拉列表中的选定选项无效

1 个答案: