select下拉框,选中当前某一项,其他下拉框去掉选中的值
效果图:
Title - 锐客网 下拉一
下拉二
下拉三
下拉五
下拉六
下拉七
另一种方法:
$(document).ready(function() {
var oldvaluehttps://www.it610.com/article/= "";
//上一次选中的值
var currentvaluehttps://www.it610.com/article/= "";
//当前选中的值$('.video_in select').each(function() {
// 默认选中的值
if ($(this).find("option:selected")) {
oldvalue = https://www.it610.com/article/$(this).attr('old');
var id = $(this).attr('id');
currentvalue = https://www.it610.com/article/$(this).find('option:checked').val();
$(this).attr('old', currentvalue);
// 如果this下的某一项被选中,则not这个select find option[value=https://www.it610.com/article/当前选择的值]外面添加other标签
// .not('option[value=https://www.it610.com/article/0]') 该项是select的第一项 默认value为0
$('.video_in select').not('#' + id).find('option[value='https://www.it610.com/article/+ currentvalue +']').not('option[value=https://www.it610.com/article/0]').wrap(' ')
}
})
$('.video_in select').change(function(e) {
oldvalue = https://www.it610.com/article/$(this).attr('old');
currentvalue = https://www.it610.com/article/$(this).find('option:checked').val();
var id = $(this).attr('id');
if (oldvalue != "0") {
if(currentvalue=https://www.it610.com/article/=0){//当前选择值等于0的一项 => 第一项(请选择)
if($('.video_in select').find('option[value=https://www.it610.com/article/0]').parent().hasClass("select")){
$('.video_in select').not('#' + id).find('option[value='https://www.it610.com/article/+ oldvalue +']').unwrap();
//unwrap 移除other
$(this).attr('old', currentvalue);
//更新oldvalue的值 已便下次使用
return false;
}
}else{
$('.video_in select').not('#' + id).find('option[value='https://www.it610.com/article/+ oldvalue +']').unwrap();
$('.video_in select').not('#' + id).find('option[value='https://www.it610.com/article/+ currentvalue +']').wrap(' ');
$(this).attr('old', currentvalue);
//更新oldvalue的值 已便下次使用
if( $('.video_in select').find('option[value=https://www.it610.com/article/0]').parent().hasClass("select")){
return false;
}
$('.video_in select').find('option[value=https://www.it610.com/article/0]').unwrap();
}
}else{
$('.video_in select').not('#' + id).find('option[value='https://www.it610.com/article/+ currentvalue +']').wrap(' ');
$(this).attr('old', currentvalue);
//更新oldvalue的值 已便下次使用
if( $('.video_in select').find('option[value=https://www.it610.com/article/0]').parent().hasClass("select")){//如果请选择退出
return false;
}
$('.video_in select').not('#' + id).find('option[value='https://www.it610.com/article/+ oldvalue +']').unwrap()}
});
});
【select下拉框,选中当前某一项,其他下拉框去掉选中的值】转自:https://blog.csdn.net/mingqingyuefeng/article/details/78614882
推荐阅读
- 针对 jQuery 的优化方法有哪些
- javascript|关于input的change事件触发多次发解决
- jquery Colorbox 传值
- Jquery 操作 Frame示例
- 代码记录|jquery获取select框的值、单选框的值、textarea的值、获取input框的值
- jQuery Infinite Ajax Scroll(ias) 分页插件介绍
- jQuery|jQuery 基础教程目录
- jquery.ui.droppable中文文档
- JS|Swiper插件的简单使用
- jquery|总结jQuery/js常用方法