html下拉框选值有关问题

2012-04-18

html下拉框选值问题HTML code!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://w

html下拉框选值问题

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> 
 
[解决办法]
你是想实现多选？找找多选的写法吧
[解决办法]
多选这样：
<select size="3" multiple="multiple" >
   <option>--请选择--</option>
<option selected="selected">天朝</option>
<option>南京</option>
<option>西京</option>
<option>东京</option>
<option>北京</option>
  </select><br />
[解决办法]
当选择第一个时，将第二个和第三个同名的节点删除
[解决办法]
LZ试试用js 把那些省份存到一个数组里面 <option>的内容用数组循环输出 写个判断加上，如果value和第一个中的相等，则不输出那个

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

引用:
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……

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

热点排行

Java Web开发

html下拉框选值有关问题