`

js 省市联动效果 连动效果

HTML 
阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html> 
<script language="javascript">
var areaArray = new Array();
areaArray[areaArray.length]=new Array("1","杭州");
areaArray[areaArray.length]=new Array("2","湖州");
areaArray[areaArray.length]=new Array("3","温州");
    areaArray[areaArray.length]=new Array("4","shuozhou");
var townArray = new Array();
townArray[townArray.length]=new Array("1","1","上城区");
townArray[townArray.length]=new Array("1","2","下城区");
townArray[townArray.length]=new Array("2","3","南浔镇");
townArray[townArray.length]=new Array("2","4","菱湖镇");
townArray[townArray.length]=new Array("3","5","乐清");
townArray[townArray.length]=new Array("3","6","苍南"); 

    townArray[townArray.length]=new Array("4","7","huairen");
townArray[townArray.length]=new Array("4","8","yingxian");

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].value = itemArray[i][0];
            }
        }
        }
   } 
</script>
<body>
<table width="99%" border="0" align="center" style="border-bottom:1px solid #cccccc">
    <tr>
        <td width="10">
        <select name="areaid" id="areaid" onChange="setTown('areaid','townid')">
          <option value="">请选市县</option>
          <option value="1">杭州</option>
    <option value="2">湖州</option>
    <option value="3">温州</option>
<option value="4">suozhou</option>
   </select>
       </td>
<td width="10">
<select name="townid" id="townid">
    <option value="">请选地区</option>
   </select>
</td>    
      </tr>   
</table>
</body>
</html>  
分享到：
| js 弹出框
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics