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