0

最初のドロップダウンで値が選択されたときに、選択したオプション値を2番目と3番目のドロップダウンから削除したい同じオプション値を持つ3つのドロップダウンがあります。

しかし、最初のドロップダウンで新しいオプション値を変更し、前に選択した値も2番目と3番目のドロップダウンから削除すると問題が発生します

最初のドロップダウンでオプション値を選択すると、2 番目と 3 番目のドロップダウンにすべての値が表示され、選択された値が期待されます。

私を助けてください

jqueryコード

$('#select_period').bind('change',function(){
    var select_box=$("#select_period").val();
    if(select_box =='select'){

    } else {
        if($(this).val() == select_box )$('#period_field option[value="'+select_box+'"]').remove();
        if($(this).val() == select_box )$('#fav_period option[value="'+select_box+'"]').remove();
    }
});
4

2 に答える 2

0 
$(".commonClassForThreeSelects").change(function()
{
    var firstSelect = $(this);

    var value = $(this).find(':selected').value();
    $(".commonClassForThreeSelects").each(function()
    {
        if(firstSelect = $(this))
            return;

        $(this).find('option').show();
        $(this).find('option[value=' + value +']').hide();
    });
});

それはあなたにとってどのように機能しますか？最初の選択だけに限定されるものではありません。いずれかのドロップダウンから値が選択された場合、他の値はその値のオプションを非表示にします。

于 2012-08-14T05:59:28.833 に答える
0

このフィドルを参照してください

最後の 2 つのステートメントを組み合わせることでさらに最適化できますが、これで開始できます。

于 2012-08-14T06:08:33.457 に答える