二级联动

来源:互联网 发布:龚举兴加盟知豆汽车 编辑:程序博客网 时间:2024/04/27 19:45

<script type="text/javascript">
  function display(){   
     var shandong  =new Array("济南市","青岛市","菏泽市","泰安市","淄博市");    
  for(i=0;i<shandong.length;i++){
    //var oPtion=document.createElement("OPTION");
    var oPtion=new Option();
    oPtion.text=shandong[i];
    oPtion.value=i;  
    form1.city.add(oPtion);
  } 
  }
</script>
<body>
<form action=" " method="post" name="form1">
  <select  name="province" onChange="display()">
        <option value="null">请选择省份</option>
        <option value="山东省"/>山东省</option>
  
  </select>
  <select name="city">
   <option value="0">济南市</option>
  </select> 
 
<script type="text/javascript">
  function display(){   
      form1.iData.value+=form1.province.options[form1.province.selectedIndex].text+"/n";
  }
</script>

 

 

 

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>

</head>
<script type="text/javascript">
  function display(){   
     var pList  =new Array();
  pList[0]=["济南市","青岛市","菏泽市","泰安市","淄博市"];
  pList[1]=["包头市","呼和浩特市","通辽市","赤峰市","集宁市"];
  pList[2]=["丽江市","洱海市","昆明市"];
 
  var pIndex=document.form1.province.selectedIndex-1;
  var oPtion;
  document.form1.city.length=0;
   
  for(var j in pList[pIndex]){
    //var oPtion=document.createElement("OPTION");
    var oPtion=new Option();
    oPtion.text=pList[pIndex][j];
    oPtion.value=pList[pIndex][j];  
    form1.city.add(oPtion);
  } 
  }
</script>
<body>
<form action=" " method="post" name="form1">
  <select  name="province" onChange="display()">
        <option value="null">请选择省份</option>
        <option value="山东省"/>山东省</option>
  <option value="内蒙古">内蒙古</option>
  <option value="云南省">云南省</option>
  </select>
  <select name="city">  
  </select>
</form>

</body>
</html>