这个例子为大家分享js下拉菜单的特殊效果，供大家参考，具体内容如下

示例1：链接省市下拉菜单

onchange事件发生时，该域的含量的变化。



var arr =新（阵列）； / /阵列数据
定义数据结构：id、id、父的名称
arr.length ARR { } = { 1，北京市，零}；
ARR { arr.length } = { 2，四川省，零}；
ARR { arr.length } = { 3，广东省，零}；
arr.length ARR { } = { 4，1 }北京城；
arr.length ARR { } = { 5，2 }成都城；
arr.length ARR { } = { 6，3 }广州城；
arr.length ARR { } = { 7，3 }深圳城；
动态设置下拉项
功能filloptions（型）{
如果（类型= = 'province）{
省份下拉菜单DOM
瓦尔河省= document.getelementbyid（省）；
province.innerhtml = ''； / /第一个空的内容
字符填充
无功prostr =；
数组遍历
对于（var i = 0；i < arr.length；i++）{
VAR项= ARR {我}； / /当前项目
如果没有父ID，则是该省
如果（项目{ 2 } = NULL）
prostr =+项目{ 1 } +；
}
province.innerhtml = prostr； / /填充新的内容
} else if（类型= = '城市'）{
获取当前的省份ID
无功currproid = document.getelementbyid（省）的价值；
如果（currproid = =）
返回false；
获取城市下拉菜单DOM
VaR的城市document.getelementbyid（城市）；
city.innerhtml = ''； / /第一个空的内容
字符填充
无功citystr =；
数组遍历
对于（var i = 0；i < arr.length；i++）{
VAR项= ARR {我}； / /当前项目
确定当前的省/锡蒂
如果（项目{ 2 } = currproid）
citystr =+项目{ 1 } +；
}
city.innerhtml = citystr； / /填充新的内容
}
}




省：
城市:





示例2：三级联动的城市和县下拉菜单



var arr =新（阵列）； / /阵列数据
定义数据结构：id、id、父的名称
arr.length ARR { } = { 1，北京市，零}；
ARR { arr.length } = { 2，四川省，零}；
ARR { arr.length } = { 3，广东省，零}；
arr.length ARR { } = { 4，1 }北京城；
arr.length ARR { } = { 5，2 }成都城；
arr.length ARR { } = { 6，3 }广州城；
arr.length ARR { } = { 7，3 }深圳城；
arr.length ARR { } = { 8，5 }的'武侯区'；
ARR { arr.length } = { 9，5 }庆阳地区；
ARR { arr.length } = { 10，6 }白云区；
arr.length ARR { } = { 11，6 }增城城；
arr.length ARR { } = { 12，6 }从化城；
动态设置下拉项
功能filloptions（型）{
如果（类型= = 'province）{
省份下拉菜单DOM
瓦尔河省= document.getelementbyid（省）；
province.innerhtml = ''； / /第一个空的内容
字符填充
无功prostr =；
对于（var i = 0；i < arr.length；i++）{ / /遍历数组
VAR项= ARR {我}； / /当前项目
如果没有父ID，则是该省
如果（项目{ 2 } = NULL）
prostr =+项目{ 1 } +；
}
province.innerhtml = prostr； / /填充新的内容
} else if（类型= = '城市'）{
获取当前的省份ID
无功currproid = document.getelementbyid（省）的价值；
如果（currproid = =）
返回false；
获取城市下拉菜单DOM
VaR的城市document.getelementbyid（城市）；
city.innerhtml = ''； / /第一个空的内容
字符填充
无功citystr =；
对于（var i = 0；i < arr.length；i++）{ / /遍历数组
VAR项= ARR {我}； / /当前项目
确定当前的省/锡蒂
如果（项目{ 2 } = currproid）
citystr =+项目{ 1 } +；
}
city.innerhtml = citystr； / /填充新的内容
} else if（类型= =区域）{
获取当前城市
无功currcityid = document.getelementbyid（城市）的价值；
如果（currcityid = =）
返回false；
获取区域下拉菜单DOM
VaR的面积= document.getelementbyid（地区）；
area.innerhtml = ''； / /第一个空的内容
填充字符区域
无功areastr =；
对于（var i = 0；i < arr.length；i++）{ / /遍历数组
VAR项= ARR {我}； / /当前项目
确定当前的城市/地区
如果（项目{ 2 } = currcityid）
areastr =+项目{ 1 } +；
}
area.innerhtml = areastr； / /填充新的内容
}
}




省：
城市:
县/区：




以上是本文的全部内容，希望能对您有所帮助，希望大家多多支持。