JAVA学习笔记_前台实现简易的省市联动

来源：互联网发布：围住神经猫算法编辑：程序博客网时间：2024/06/07 17:00
重点内容
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title></head><body><select id="countryid" onchange="add1(this.value);"><option value="0">--请选择--</option><option value="美国">美国</option><option value="中国">中国</option><option value="日本">日本</option></select><select id="cityid"></select></body><script type="text/javascript">var arr = new Array(3);arr[0] = ["中国","南京","北京","天津","上海"];arr[1] = ["美国","华盛顿","纽约","波士顿","洛杉矶"];arr[2] = ["日本","神户","东京","秋叶原","神奈川"];function add1(val){ /*  由于每次都要往city里面添加option    第二次添加    每次添加判断里面是否有option,有，就删除    */    var city1 = document.getElementById("cityid");    var options1 = city1.getElementsByTagName("option");    for(var m=0;m<options1.length;m++){        //得到每个city里面的option        var op = options1[m];        //删除这个option，通过父节点删除        city1.removeChild(op);        m--;    }    for(var i=0;i<arr.length;i++){        var arr1 = arr[i];        var firstvalue = arr1[0];        if(firstvalue == val) {            for(var j = 1;j<arr1.length;j++){                var value1 = arr1[j]; //得到城市名称                          //创建option                var option1 = document.createElement("option");                             //创建文本                var text1 = document.createTextNode(value1);                            //把文本提那家到option1里面                option1.appendChild(text1);                //添加值到city1里面                city1.appendChild(option1);                     }        }    }}</script></html>
阅读全文
0 0