3

我有 2 个select标签，根据在第一次选择中选择的值，我在第二个select标签中显示/隐藏该选项，该选项运行良好。但是今天我注意到一个奇怪的行为。

在此处输入图像描述

当我尝试使用键盘向下箭头更改第二次选择中的选项时，它仍然显示隐藏选项。 真的很迷茫。请分享你的想法。

这是小提琴，您可以在其中重现我在图片中提到的上述错误。

JS：

$('#AboveOrBelow').on('change', function(){
    if($(this).val() === '1') {
        $('#InitialLeakSource option[data-aob=Above]').show();
        $('#InitialLeakSource option[data-aob=Below]').hide();
    }
    else if($(this).val() === "2"){
        $('#InitialLeakSource option[data-aob=Above]').hide();
        $('#InitialLeakSource option[data-aob=Below]').show();
    }
    else {
     $('#InitialLeakSource option').show();
    }
});

PS：上图100%不是很清晰，请放大看清楚。

4

1 回答 1

1

只需在函数末尾添加以下行

$('#InitialLeakSource').val('');

请检查小提琴

于 2013-09-28T11:15:53.200 回答