首页 > Web开发 > 详细

JS-小技巧-国家城市联动

时间:2015-11-27 00:49:52      阅读:378      评论:0      收藏:0      [点我收藏+]

首先,二维数组存储国家和对应城市,第一个写入国家,随后列上城市名

var arr=new array(4);
arr[0]=["china",‘beijing‘,‘chengdu‘,‘wuhan‘];
arr[1]=["america",‘newyork‘,‘houston‘,‘atlanta‘];
arr[2]=["germany",‘xx‘,‘yy‘,‘zz‘];
arr[3]=["japan",‘tokyo‘,‘ban‘,‘heidao‘];

然后html内写接口函数

<select id="country" onchange="add1(this.value);">

然后写JS函数

function add1(val){
    
    var cityId=document.getElementById("city");
    var options1=cityId.getElementsByTagName("option");
    for(var m=0;m<options1.legnth;m++){

        var op=options1[m];
        cityId.removeChild(op);
        m--;

    }

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

        arr1=arr[i];
        if(arr1[0]==val){

            for(int j=1;j<arr1.length;j++){

                var value1=arr1[i];
                var option1=document.createElement("option");
                var text1=document.createTextNode(value1);
                option1.appendChild(text1);
                cityId.appendChild(option1);

            }

        }

    }

}

 

JS-小技巧-国家城市联动

原文:http://www.cnblogs.com/xiaoshan-coding/p/4999293.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!