码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-11-27 00:50:01      阅读:238      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!