select下拉框,选中当前某一项,其他下拉框去掉选中的值

select下拉框,选中当前某一项,其他下拉框去掉选中的值
效果图:



    
    Title
    



下拉一

下拉二

下拉三

下拉五

下拉六

下拉七

另一种方法:

$(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

你可能感兴趣的:(jquery)