selectドロップダウンボックス、現在のいずれかを選択し、他のドロップダウンボックスは選択した値を削除します.

7467 ワード

select   ,       ,           




    
    Title
    
    



$(function(){
var oldVal="";
$('.video_in select').each(function() {
if ($(this).find("option:selected")) {
var _thisVal = $(this).find('option:selected').val();
oldVal=$(this).attr("old",_thisVal)
$('.video_in select').parent().siblings("p").find("option[value="+_thisVal+"]").not("option[value=0]").hide()
}
})
$(".video_in select").change(function(){
oldVal=$(this).attr("old");
var _thisVal=$(this).find('option:selected').val();
var id=$(this).attr("id");
$(this).parent().siblings("p").find("option[value="+_thisVal+"]").not("option[value=0]").hide();
$(this).parent().siblings("p").find("option[value="+oldVal+"]").show();
$(this).find("option[value="+oldVal+"]").show();
$(this).attr("old",_thisVal)
})
})
別の方法:
$(document).ready(function() {
        var oldvalue = "";      //       
        var currentvalue = "";  //      

        $('.video_in select').each(function() {
            //       
            if ($(this).find("option:selected")) {
                oldvalue = $(this).attr('old');
                var id = $(this).attr('id');
                currentvalue = $(this).find('option:checked').val();
                $(this).attr('old', currentvalue);
                //   this        , not  select find option[value=      ]    other  
                // .not('option[value=0]')    select       value 0
                $('.video_in select').not('#' + id).find('option[value=' + currentvalue + ']').not('option[value=0]').wrap('')
            }
        })
        $('.video_in select').change(function(e) {
            oldvalue = $(this).attr('old');
            currentvalue = $(this).find('option:checked').val();
            var id = $(this).attr('id');
            if (oldvalue != "0") {
                if(currentvalue==0){    //       0    =>    (   )
                    if($('.video_in select').find('option[value=0]').parent().hasClass("select")){
                        $('.video_in select').not('#' + id).find('option[value=' + oldvalue + ']').unwrap();    //unwrap   other
                        $(this).attr('old', currentvalue);   //  oldvalue         
                        return false;
                    }
                }else{
                    $('.video_in select').not('#' + id).find('option[value=' + oldvalue + ']').unwrap();
                    $('.video_in select').not('#' + id).find('option[value=' + currentvalue + ']').wrap('');
                    $(this).attr('old', currentvalue);  //  oldvalue         
                    if( $('.video_in select').find('option[value=0]').parent().hasClass("select")){
                        return false;
                    }
                    $('.video_in select').find('option[value=0]').unwrap();

                }
            }else{
                $('.video_in select').not('#' + id).find('option[value=' + currentvalue + ']').wrap('');
                $(this).attr('old', currentvalue);   //  oldvalue         
                if( $('.video_in select').find('option[value=0]').parent().hasClass("select")){     //         
                    return false;
                }
                $('.video_in select').not('#' + id).find('option[value=' + oldvalue + ']').unwrap()

            }
        });
    });

変換元:https://blog.csdn.net/mingqingyuefeng/article/details/78614882