- HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title></head><body><form id="form1" name="form1" method="post" action=""> <p> <select name="select"> <option value="">请选择省份</option> <option value="">广西</option> <option value="">广东</option> <option value="">江西</option> <option value="">贵州</option> <option value="">河南</option> <option value="">河北</option> <option value="">山东</option> </select></p> <p> <select name="select"> <option value="">请选择省份</option> <option value="">广西</option> <option value="">广东</option> <option value="">江西</option> <option value="">贵州</option> <option value="">河南</option> <option value="">河北</option> <option value="">山东</option> </select> </p> <p> <select name="select"> <option value="">请选择省份</option> <option value="">广西</option> <option value="">广东</option> <option value="">江西</option> <option value="">贵州</option> <option value="">河南</option> <option value="">河北</option> <option value="">山东</option> </select></p></form></body></html>
如题，有三个下拉框，内容、名字开始是一样的。
当我第一个下拉框选择广西时，第二、第三个下拉框就不会显示有广西这个选项，
当第二表选项选择广东时，第一、第三个下拉框不会出现广东这个选项。
就是每当有一个下拉框有选择时，其他两个下拉框不会出现已经选择过的选项。求解，怎么实现？
------解决方案--------------------
name="select" 把这个name改成不一样试试
------解决方案--------------------
我copy下来了，行啊，楼主
------解决方案--------------------
- HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><script>function selChange1(sel1){ var sel2Value = document.getElementById("select2").value; var sel3Value = document.getElementById("select3").value; if(sel1.value == sel2Value || sel1.value == sel3Value){ //相关操作 alert("存在重复选项"); }}function selChange2(sel2){ var sel1Value = document.getElementById("select1").value; var sel3Value = document.getElementById("select3").value; if(sel2.value == sel1Value || sel2.value == sel3Value){ //相关操作 alert("存在重复选项"); }}function selChange3(sel3){ var sel1Value = document.getElementById("select1").value; var sel2Value = document.getElementById("select2").value; if(sel3.value == sel1Value || sel3.value == sel2Value){ //相关操作 alert("存在重复选项"); }}</script></head><body><form id="form1" name="form1" method="post" action=""> <p> <select id="select1" onchange="selChange1(this)"> <option value="0">请选择省份</option> <option value="1">广西</option> <option value="2">广东</option> <option value="3">江西</option> <option value="4">贵州</option> <option value="5">河南</option> <option value="6">河北</option> <option value="7">山东</option> </select></p> <p> <select id="select2" onchange="selChange2(this)"> <option value="0">请选择省份</option> <option value="1">广西</option> <option value="2">广东</option> <option value="3">江西</option> <option value="4">贵州</option> <option value="5">河南</option> <option value="6">河北</option> <option value="7">山东</option> </select> </p> <p> <select id="select3" onchange="selChange3(this)"> <option value="0">请选择省份</option> <option value="1">广西</option> <option value="2">广东</option> <option value="3">江西</option> <option value="4">贵州</option> <option value="5">河南</option> <option value="6">河北</option> <option value="7">山东</option> </select></p></form></body></html>