js省市联动

<!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>
<script language="javascript">

var areaArray = new Array();

  areaArray[areaArray.length]=new Array("10","北京市");

  areaArray[areaArray.length]=new Array("20","天津市");

  areaArray[areaArray.length]=new Array("30","上海市");

var townArray = new Array();

  townArray[townArray.length]=new Array("10","10010","东城区");
  townArray[townArray.length]=new Array("10","10011","西城区");
  townArray[townArray.length]=new Array("10","3000","朝阳区");
  townArray[townArray.length]=new Array("10","4000","海淀区");
  townArray[townArray.length]=new Array("10","5","宣武区");
  townArray[townArray.length]=new Array("10","6","崇文区");

  townArray[townArray.length]=new Array("20","1","南浔镇");

  townArray[townArray.length]=new Array("20","2","菱湖镇");

  townArray[townArray.length]=new Array("30","1","乐清");

  townArray[townArray.length]=new Array("30","2","苍南"); 

function setTown(obj1ID,obj2ID){

        var objArea = document.getElementById(obj1ID);

        var objTown = document.getElementById(obj2ID);

        var i;

        var itemArray = null;

        if(objArea.value.length > 0){

             itemArray = new Array();

             for(i=0;i<townArray.length;i++){

                if(townArray[i][0]==objArea.value){

                    itemArray[itemArray.length]=new Array(townArray[i][1],townArray[i][2]);

                }

             }

        }

        for(i = objTown.options.length ; i >= 0 ; i--){

                objTown.options[i] = null;

        }

        objTown.options[0] = new Option("请选地区");

        objTown.options[0].value = "";

        if(itemArray != null){

                for(i = 0 ; i < itemArray.length; i++){

                        objTown.options[i+1] = new Option(itemArray[i][1]);

                        if(itemArray[i][0] != null){

                           objTown.options[i+1].value = itemArray[i][0];

                        }

                }

        }

   } 

</script>

   <select name="areaid" id="areaid" onChange="setTown('areaid','townid')">

          <option value="">请选市县</option>

          <option value="10">北京</option>

      <option value="20">上海</option>

       <option value="30">安徽</option>

    </select>
<select name="townid" id="townid">

    <option value="">请选地区</option>

   </select>
</body>
</html>

你可能感兴趣的:(html,XHTML)