Javascript实现了城市和城市之间简单的三级联动。

当我们注册一个网站时,我们会看到省和市区之间的三级联动。以下是一个简短的介绍











文件



-请选择—


-请选择—


-请选择—



/ / ======================================第一法:把两省的级联菜单=============================
获取/省ID
VaR PRAME = document.getelementbyid(省);
VaR的城市document.getelementbyid(城市);
VAR三= document.getelementbyid(圣);
创建一个省市的数组
无功citylist =新的数组();
创建另一个数组
VaR的族叔=新的数组;
江西省citylist {} = {南昌市','福州','上饶','鹰潭','丰城','吉安' };
河南省citylist {} = {郑州市,洛阳};
湖北省citylist {} = {武汉市,宜昌};
福建省citylist {} = {福州市','三明市','佛山' };
族叔{ 'nanchang } = {南昌县市青云谱区',' ','莲塘镇};
福州市临川区族叔{} = {、云之乡,常凯振};
对于(VAR我citylist){
prame.add(新的选项(I,I),null);
}
PRAME。onchange =函数(){
VaR PRAME = document.getelementbyid(省)的价值;
VaR的城市document.getelementbyid(城市);

城市。选项。长度= 0;
对于(VaR K citylist { PRAME }){
city.add(新的选项(citylist { } { } PRAME K,citylist { } { } PRAME K),null);
}
}
城市。变化=函数(){
VaR的城市document.getelementbyid(城市)的价值;
VAR三= document.getelementbyid(圣);

选项,长度= 0;
对于(VaR K族叔{市}){
San.add(新的选项(族叔{ } { }市K),(族叔{市} { k }),null);
}
}

<!--------------------------------二方法:三进行联动菜单


获取/省ID
瓦尔河省= document.getelementbyid(省);
Province.add (New Option (Jiangxi province
province.add(新的选项(福建省
province.add(新的选项(广东省
函数CK(){

VaR的城市document.getelementbyid(城市);
Num = province.selectedindex VaR;
城市。选项。长度= 0;

开关(数字){
案例1:
city.add(新的选项(南昌市
city.add(新的选项(福州市
city.add(新的选项(上饶市
city.add(新的选项(吉安市
打破;

案例2:
city.add(新的选项(厦门市
city.add(新的选项(三明市
city.add(新的选项(莆田市
city.add(新的选项(龙岩市
打破;

案例3:
city.add(新的选项(广州市
city.add(新的选项(东莞市
city.add(新的选项(保定市
city.add(新的选项(珠海市
打破;
}

var区= document.getelementbyid(曲);
VaR num1 = province.selectedindex;
qu.options长度= 0;
开关(num1){
案例1:
Qu.add(新的选项(临川区
Qu.add(新的选项(庆云谱区
Qu.add(新的选项(南昌镇
Qu.add(新的选项(云山镇
打破;

案例2:
Qu.add(新的选项(安全县
Qu.add(新的选项(福田区
Qu.add(新的选项(将乐县
Qu.add(新的选项(厦门区
打破;

案例3:
Qu.add(新的选项(香格里拉县
Qu.add(新的选项(席官区
Qu.add(新的选项(三海县
Qu.add(新的选项(广岛区
打破;
}
}
-->






以上是本文的全部内容,希望大家能喜欢。