html下拉框选值有关问题-Java教程-爱易网页

html下拉框选值有关问题

日期：2014-05-17　浏览次数：20764 次

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){
       //相关操作
        a

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

html下拉框选值有关问题

相关资料更多>

推荐阅读更多>