三个下拉列表框的值都是相同的，用jquery怎么判断选择三个下拉列表框是不能重复的？
假如选择了一个下拉列表框，其他两个下拉列表框就没有刚选择的值了，用jquery或js怎么用，最好源码，非常thankyou！...
假如选择了一个下拉列表框，其他两个下拉列表框就没有刚选择的值了，用jquery或js怎么用，最好源码，非常thank you！
展开
4个回答
展开全部
原理：每个下拉列表框的值改变时都触发一个事件，这个事件获取其值，再判断与另二者有没有重复。
<select id="sel1" onchange="change(1)"></select>
<select id="sel2" onchange="change(2)"></select>
<select id="sel3" onchange="change(3)"></select>
function change(obj)
{
switch(obj)
{
case 1:
if($("#sel1").val() == $("#sel2").val() || $("#sel1").val() == $("#sel3").val())
alert("列表框的值不能一样");
break:
case 2:
if($("#sel2").val() == $("#sel1").val() || $("#sel2").val() == $("#sel3").val())
alert("列表框的值不能一样");
break:
case 3:
if($("#sel3").val() == $("#sel1").val() || $("#sel3").val() == $("#sel2").val())
alert("列表框的值不能一样");
break:
}
}
还有不懂，随时再问
<select id="sel1" onchange="change(1)"></select>
<select id="sel2" onchange="change(2)"></select>
<select id="sel3" onchange="change(3)"></select>
function change(obj)
{
switch(obj)
{
case 1:
if($("#sel1").val() == $("#sel2").val() || $("#sel1").val() == $("#sel3").val())
alert("列表框的值不能一样");
break:
case 2:
if($("#sel2").val() == $("#sel1").val() || $("#sel2").val() == $("#sel3").val())
alert("列表框的值不能一样");
break:
case 3:
if($("#sel3").val() == $("#sel1").val() || $("#sel3").val() == $("#sel2").val())
alert("列表框的值不能一样");
break:
}
}
还有不懂，随时再问
追问
你这种做法我用过，但最好不要提示，选择了一个，其它两个就没有刚才选择的值了，我要的效果是这个，谢谢！
追答
这还不简单，你再多定义两个隐藏域不就可以保存另外两个的值了吗，还有要不要提示你可随便改，我只是给你做个例子而已嘛
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>select test</title>
<script>
$(function(){
$('.list').change(function(){
var val = $(this).val();
var oThis = this;
$('.list').not(oThis).each(function(){
if($(this).val() == val){
$(this).val(0);
}
});
});
});
</script>
</head>
<body>
<p id="hello">Hello World</p>
<select id="s1" class="list">
<option value="0">-select-</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<select id="s2" class="list">
<option value="0">-select-</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<select id="s3" class="list">
<option value="0">-select-</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
</body>
</html>
<html>
<head>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>select test</title>
<script>
$(function(){
$('.list').change(function(){
var val = $(this).val();
var oThis = this;
$('.list').not(oThis).each(function(){
if($(this).val() == val){
$(this).val(0);
}
});
});
});
</script>
</head>
<body>
<p id="hello">Hello World</p>
<select id="s1" class="list">
<option value="0">-select-</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<select id="s2" class="list">
<option value="0">-select-</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
<select id="s3" class="list">
<option value="0">-select-</option>
<option value="1">1</option>
<option value="2">2</option>
</select>
</body>
</html>
更多追问追答
追问
虽然你这个实现了三个下拉列表框选择是不重复的，但我要的效果是选择了一个，其它两个把刚才选择的值被移除了，有没有什么好的办法，谢谢！
追答
其它两个把刚才选择的值被移除了
是什么意思？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
WebBrowser1_DocumentComplete(ByVal pDisp As Object, URL As Variant)
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
