3

私は 2 つselectのタグを持っています。最初の選択で選択された値に基づいて、完全に機能している2 番目のタグのオプションを表示/非表示にしています。selectしかし、今日、私は奇妙な行動に気づきました。

ここに画像の説明を入力

キーボードの下矢印を使用して 2 番目の選択でオプションを変更しようとすると、まだ非表示のオプションが表示されます。 本当に混乱しています。あなたの考えを共有してください。

写真で述べたように、上記のバグを再現できるfiddleがあります。

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 に答える