Question

判断N个下拉框提交的值是否重复

    <select   name= "atc_desc ">         <option   value= ""> 请选择 </option>       <option   value= "8"> 灰绿d </option>       <option   value= "7"> 土黄 </option>       <option   value= "6"> 蓝 </option>       <option   value= "5"> 红色 </option>       <option   value= "4"> 黑 </option>     </select>   <select   name= "atc_desc ">         <option   value= ""> 请选择 </option>     <option   value= "8"> 灰绿d </option>     <option   value= "7"> 土黄 </option>     <option   value= "6"> 蓝 </option>     <option   value= "5"> 红色 </option>     <option   value= "4"> 黑 </option>     </select> <select   name= "atc_desc ">       ....    </select> <select   name= "atc_desc ">       ....    </select> 我要的功能是在第一个选择蓝之后,第二个,第三个,第N个就不能在选择蓝,要怎么去做呢?网页基于ASP的程序

Answer 1

我一起做过一个密码问题验证的：js里注释的是在IE下不可用的在FIREFOX或者谷歌浏览器下是有作用的可以直接将不需要的选项隐藏起来，html里的<html:selected>带有html前缀的。没有用struts的话就把前缀去掉
//=====================js===========
function checkQ(){
var q1 = document.all("question1");
var q2 = document.all("question2");
var q3 = document.all("question3");
var op1 = q1.getElementsByTagName("option");
var op2 = q2.getElementsByTagName("option");
var op3 = q3.getElementsByTagName("option");
var l = 0;
var m = 0;
var n = 0;
for(i=1;i!=op1.length;i++){
if(op1[i].selected){
//op2[i].style.display="none";
//op3[i].style.display="none";
op2[i].disabled= 1;
op3[i].disabled= 1;
l = i;
}
else{
if(i == m || i == n){
continue;
}
//op2[i].style.display="";
//op3[i].style.display="";
op2[i].disabled= 0;
op3[i].disabled= 0;
}
}
for(i=1;i!=op1.length;i++){
if(op2[i].selected){
//op1[i].style.display="none";
//op3[i].style.display="none";
op1[i].disabled= 1;
op3[i].disabled= 1;
m = i;
}
else{
if(i == l || i == n){
continue;
}
//op1[i].style.display="";
//op3[i].style.display="";
op1[i].disabled= 0;
op3[i].disabled= 0;
}
}
for(i=1;i!=op1.length;i++){
if(op3[i].selected){
//op1[i].style.display="none";
//op2[i].style.display="none";
op1[i].disabled= 1;
op2[i].disabled= 1;
n = i;
}
else{
if(i == l || i == m){
continue;
}
//op1[i].style.display="";
//op2[i].style.display="";
op1[i].disabled= 0;
op2[i].disabled= 0;
}
}
}
//=================html-==================================
<table width="500" border="0" cellspacing="0" cellpadding="10">
<tr>
<td align="right" width="20%"><font color="#FF4800">* </font>问 题 一：</td>
<td><html:select property="question1" onchange='checkQ()'>
<html:option value="">请您选择密保问题</html:option>
<html:option value="您母亲的姓名是？">您母亲的姓名是？</html:option>
<html:option value="您配偶的生日是？">您配偶的生日是？</html:option>
<html:option value="您的学号（或工号）是？">您的学号（或工号）是？</html:option>
<html:option value="您母亲的生日是？">您母亲的生日是？</html:option>
<html:option value="您父亲的姓名是？">您父亲的姓名是？</html:option>
<html:option value="您高中班主任的姓名是？">您高中班主任的姓名是？</html:option>
<html:option value="您配偶的姓名是？">您配偶的姓名是？</html:option>
<html:option value="您最熟悉的童年好友的姓名是？">您最熟悉的童年好友的姓名是？</html:option>
<html:option value="您初中班主任的姓名是？">您初中班主任的姓名是？</html:option>
<html:option value="您父亲的生日是？">您父亲的生日是？</html:option>
</html:select></td>
</tr>
<tr>
<td align="right" width="20%"><font color="#FF4800">* </font>答　　案：</td>
<td>
<html:text property="answer1" maxlength="15" size="23"/>
</td>
</tr>
<tr>
<td align="right" width="20%"><font color="#FF4800">* </font>问 题 二：</td>
<td><html:select property="question2" onchange='checkQ()'>
<html:option value="">请您选择密保问题</html:option>
<html:option value="您母亲的姓名是？">您母亲的姓名是？</html:option>
<html:option value="您配偶的生日是？">您配偶的生日是？</html:option>
<html:option value="您的学号（或工号）是？">您的学号（或工号）是？</html:option>
<html:option value="您母亲的生日是？">您母亲的生日是？</html:option>
<html:option value="您父亲的姓名是？">您父亲的姓名是？</html:option>
<html:option value="您高中班主任的姓名是？">您高中班主任的姓名是？</html:option>
<html:option value="您配偶的姓名是？">您配偶的姓名是？</html:option>
<html:option value="您最熟悉的童年好友的姓名是？">您最熟悉的童年好友的姓名是？</html:option>
<html:option value="您初中班主任的姓名是？">您初中班主任的姓名是？</html:option>
<html:option value="您父亲的生日是？">您父亲的生日是？</html:option>
</html:select></td>
</tr>
<tr>
<td align="right" width="20%"><font color="#FF4800">* </font>答　　案：</td>
<td><html:text property="answer2" maxlength="15" size="23"/></td>
</tr>
<tr>
<td align="right" width="20%"><font color="#FF4800">* </font>问 题 三：</td>
<td><html:select property="question3" onchange='checkQ()'>
<html:option value="">请您选择密保问题</html:option>
<html:option value="您母亲的姓名是？">您母亲的姓名是？</html:option>
<html:option value="您配偶的生日是？">您配偶的生日是？</html:option>
<html:option value="您的学号（或工号）是？">您的学号（或工号）是？</html:option>
<html:option value="您母亲的生日是？">您母亲的生日是？</html:option>
<html:option value="您父亲的姓名是？">您父亲的姓名是？</html:option>
<html:option value="您高中班主任的姓名是？">您高中班主任的姓名是？</html:option>
<html:option value="您配偶的姓名是？">您配偶的姓名是？</html:option>
<html:option value="您最熟悉的童年好友的姓名是？">您最熟悉的童年好友的姓名是？</html:option>
<html:option value="您初中班主任的姓名是？">您初中班主任的姓名是？</html:option>
<html:option value="您父亲的生日是？">您父亲的生日是？</html:option>
</html:select></td>
</tr>
<tr>
<td align="right" width="20%"><font color="#FF4800">* </font>答　　案：</td>
<td><html:text property="answer3" maxlength="15" size="23"/></td>
</tr>
</table>