省、县三级级联特效的javascript实现

省、县三级级联特效的javascript实现
本例为大家分享JS省市三级级联特效的实现代码,供大家参考,具体内容如下
主要观点

1。各省变化,城市变化,并初始化县。

2中的变化。城市、县的变化
HTML代码
-请选择—
北京市
河北省
山西省
内蒙古自治区
-请选择—
-请选择—
主要步骤

1。获取元素对象
Var Sheng = document.getelementbyid('sheng);
VaR石= document.getelementbyid('shi);
Var Xian = document.getelementbyid('xian);
2。界定市、县数组
var = {
{昌平区,海淀区,朝阳区,东城区,
{石家庄市,保定,张家口,唐山市,
{太原市,大同市,运城,临汾,
{呼和浩特市、包头、鄂尔多斯市、赤峰}
};
西安= { var
{
{北七家,回龙观,霍营},
{ '中关村','苏州街'和'西二旗},
{朝阳1,2,朝阳,朝阳3'},
1 2{东、East、东3},
},
{
{新华区','桥东区','西方' },
{ '高碑店','白','兴' },
}
};
三.定义全局变量
var索引= null;
4。实现省内的变化和变化的效果
sheng.onchange =函数(){
请选择xian.innerhtml = ''; / /初始化西安
指数= this.value; / /得到期权价值
根据索引,得到相应的数组
结果表明: /选择#石,循环中的在双方的选择标签的值值数组结果
选择;
对于(var i = 0;i < result.length;i++){
所有好的缝合/缝合作为一个整体。
+结果+ { + };
}
shi.innerhtml = STR; / /将字符串写入选择#石
}
5。实现城市转型,实现县域经济效益
shi.onchange =函数(){
VaR值= this.value; / /得到的电流值
var = { } {县西安指标值}; / /得到相应的县按照市
选择;
对于(var i = 0;i < county.length;i++){
+;
}
xian.innerhtml = STR; / /写数据选择#西安
}
以上是本文的全部内容,希望能对您有所帮助,希望大家多多支持。

tag:级联特效电脑软件Javascript

相关内容