好资源导航 » 文章资讯 » js实现城市级联菜单的2种方法

js实现城市级联菜单的2种方法

2024-02-18 10:30:03 52

本文实例为大家分享了js实现城市级联菜单的具体代码，供大家参考，具体内容如下

方法一：用switch方法判断。





Title

functionchangeCity(){

varx=['牛奶','豆浆','油条'];
console.log(x.join(','));

vary=[33,22,66,12];
console.log(y.sort());


//如果选择的是河南在城市中:洛阳，驻马店
//如果选择的是河北在城市中:石家庄，保定
varprovince=document.getElementById('selProvince');
varcity=document.getElementById('selCity');
//在添加城市前，先清空上一次添加的城市
city.length=1;
switch(province.value){
case'河南省':
varop1=newOption('洛阳','洛阳');
varop2=newOption('驻马店','驻马店');
city.add(op1,null);
city.add(op2,null);
break;
case'河北省':
varop1=newOption('石家庄','石家庄');
varop2=newOption('保定','保定');
city.add(op1,null);
city.add(op2,null);
break;
}
}






河南省
河北省

方法二：用if进行判断。





Title





四川
广东


选择城市

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
514930285
czq8825@qq.com

js实现城市级联菜单的2种方法

热门推荐

随机推荐