多个select 如何使用js 控制select 不能选择重复的值 5
多个select如何使用js控制select不能选择重复的值，在网上找到了一段代码是控制2个select标签的但是如果是4个select标签该怎么写代码附：网上找到的控制...
多个select 如何使用js 控制select 不能选择重复的值，在网上找到了一段代码 是控制2个select标签的 但是如果是4个select标签 该怎么写代码
附：网上找到的控制2个select标签不能选择相同的值的代码
http://www.codefans.net/jscss/code/294.shtml 展开
附：网上找到的控制2个select标签不能选择相同的值的代码
http://www.codefans.net/jscss/code/294.shtml 展开
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<script type="text/javascript">
<!--
window.onload = function(){
document.getElementsByTagName('button')[0].onclick = function(){
// 不能有相同取值的下拉列表集合
var items = document.getElementsByTagName('select'),
len = items.length,
i = 0,
valMap = {},
sel,
val;
// 遍历并保存各个下拉列表的值于valMap
for(; i < len; i++){
sel = items[i];
val = sel.options[sel.selectedIndex].value;
// 没有相同的取值时保存该值，否则返回false
if(!valMap[val]){
valMap[val] = 1;
}else{
alert('存在取值相同的下拉列表，取值为：' + val);
return false;
}
}
// 校验通过，全部都不相同
return true;
}
}
//-->
</script>
<body>
<button>Check</button>
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</body>
</html>
追问
感谢您的回答 我期望的效果是 比如第一组中select选中1以后 那么第二组select就只有2345
如果第二组在此基础上选择了2 第三组select中就只有345 这样的效果 也就是说 select会根据前面select的选择动态的发生变化 不是在最后提交表单的时候一起检测
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你的选项存一个数组。当某个select选择了一个option之后就从数组干掉
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
思路大致是select触发onchange事件，然后把当前选中的值从其他还没选择的select中删除掉。有什么不懂呢？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
去网上找js二级联动省市代码，有N多
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
