html下拉框选值有关问题

html下拉框选值问题

HTML code

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt;&lt;title&gt;无标题文档&lt;/title&gt;&lt;/head&gt;&lt;body&gt;&lt;form id="form1" name="form1" method="post" action=""&gt;  &lt;p&gt;    &lt;select name="select"&gt;        &lt;option value=""&gt;请选择省份&lt;/option&gt;        &lt;option value=""&gt;广西&lt;/option&gt;        &lt;option value=""&gt;广东&lt;/option&gt;        &lt;option value=""&gt;江西&lt;/option&gt;        &lt;option value=""&gt;贵州&lt;/option&gt;        &lt;option value=""&gt;河南&lt;/option&gt;        &lt;option value=""&gt;河北&lt;/option&gt;        &lt;option value=""&gt;山东&lt;/option&gt;    &lt;/select&gt;&lt;/p&gt;  &lt;p&gt;    &lt;select name="select"&gt;    &lt;option value=""&gt;请选择省份&lt;/option&gt;        &lt;option value=""&gt;广西&lt;/option&gt;        &lt;option value=""&gt;广东&lt;/option&gt;        &lt;option value=""&gt;江西&lt;/option&gt;        &lt;option value=""&gt;贵州&lt;/option&gt;        &lt;option value=""&gt;河南&lt;/option&gt;        &lt;option value=""&gt;河北&lt;/option&gt;        &lt;option value=""&gt;山东&lt;/option&gt;    &lt;/select&gt;  &lt;/p&gt;  &lt;p&gt;    &lt;select name="select"&gt;    &lt;option value=""&gt;请选择省份&lt;/option&gt;        &lt;option value=""&gt;广西&lt;/option&gt;        &lt;option value=""&gt;广东&lt;/option&gt;        &lt;option value=""&gt;江西&lt;/option&gt;        &lt;option value=""&gt;贵州&lt;/option&gt;        &lt;option value=""&gt;河南&lt;/option&gt;        &lt;option value=""&gt;河北&lt;/option&gt;        &lt;option value=""&gt;山东&lt;/option&gt;    &lt;/select&gt;&lt;/p&gt;&lt;/form&gt;&lt;/body&gt;&lt;/html&gt;

如题，有三个下拉框，内容、名字开始是一样的。
当我第一个下拉框选择广西时，第二、第三个下拉框就不会显示有广西这个选项，
当第二表选项选择广东时，第一、第三个下拉框不会出现广东这个选项。
就是每当有一个下拉框有选择时，其他两个下拉框不会出现已经选择过的选项。求解，怎么实现？

[解决办法]
name="select" 把这个name改成不一样试试
[解决办法]
我copy下来了，行啊，楼主
[解决办法]

HTML code

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt;&lt;title&gt;无标题文档&lt;/title&gt;&lt;script&gt;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("存在重复选项");  }}&lt;/script&gt;&lt;/head&gt;&lt;body&gt;&lt;form id="form1" name="form1" method="post" action=""&gt;  &lt;p&gt;    &lt;select id="select1" onchange="selChange1(this)"&gt;        &lt;option value="0"&gt;请选择省份&lt;/option&gt;        &lt;option value="1"&gt;广西&lt;/option&gt;        &lt;option value="2"&gt;广东&lt;/option&gt;        &lt;option value="3"&gt;江西&lt;/option&gt;        &lt;option value="4"&gt;贵州&lt;/option&gt;        &lt;option value="5"&gt;河南&lt;/option&gt;        &lt;option value="6"&gt;河北&lt;/option&gt;        &lt;option value="7"&gt;山东&lt;/option&gt;    &lt;/select&gt;&lt;/p&gt;  &lt;p&gt;    &lt;select id="select2" onchange="selChange2(this)"&gt;        &lt;option value="0"&gt;请选择省份&lt;/option&gt;        &lt;option value="1"&gt;广西&lt;/option&gt;        &lt;option value="2"&gt;广东&lt;/option&gt;        &lt;option value="3"&gt;江西&lt;/option&gt;        &lt;option value="4"&gt;贵州&lt;/option&gt;        &lt;option value="5"&gt;河南&lt;/option&gt;        &lt;option value="6"&gt;河北&lt;/option&gt;        &lt;option value="7"&gt;山东&lt;/option&gt;    &lt;/select&gt;  &lt;/p&gt;  &lt;p&gt;    &lt;select id="select3" onchange="selChange3(this)"&gt;        &lt;option value="0"&gt;请选择省份&lt;/option&gt;        &lt;option value="1"&gt;广西&lt;/option&gt;        &lt;option value="2"&gt;广东&lt;/option&gt;        &lt;option value="3"&gt;江西&lt;/option&gt;        &lt;option value="4"&gt;贵州&lt;/option&gt;        &lt;option value="5"&gt;河南&lt;/option&gt;        &lt;option value="6"&gt;河北&lt;/option&gt;        &lt;option value="7"&gt;山东&lt;/option&gt;    &lt;/select&gt;&lt;/p&gt;&lt;/form&gt;&lt;/body&gt;&lt;/html&gt; 
 
[解决办法]
你是想实现多选？找找多选的写法吧
[解决办法]
多选这样：
&lt;select size="3" multiple="multiple" &gt;
   &lt;option&gt;--请选择--&lt;/option&gt;
&lt;option selected="selected"&gt;天朝&lt;/option&gt;
&lt;option&gt;南京&lt;/option&gt;
&lt;option&gt;西京&lt;/option&gt;
&lt;option&gt;东京&lt;/option&gt;
&lt;option&gt;北京&lt;/option&gt;
  &lt;/select&gt;&lt;br /&gt;
[解决办法]
当选择第一个时，将第二个和第三个同名的节点删除
[解决办法]
LZ试试用js 把那些省份存到一个数组里面 &lt;option&gt;的内容用数组循环输出 写个判断加上，如果value和第一个中的相等，则不输出那个

只是提供个思路 具体代码我也不怎么会写...
[解决办法]
探讨

引用:
HTML code


&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml……

[解决办法]
id 是唯一的！
[解决办法]
有一个非常笨的方法，但是可能会成功哦、
用javascript做过下拉级联吧、用数组来存储这些信息，然后根据选项的变换，来确定另外两个下拉列表的选项(代码非常麻烦)、就是利用那个原理，就可以先实现你的这个功。

html下拉框选值有关问题

热点推荐