javascript实现省市区三级联动下拉框菜单

本文实例讲述了爪哇岛描述语言实现省市区三级联动下拉框菜单代码。分享给大家供大家参考。具体如下：运行效果截图如下：

首先写一个静态的页面：

！DOCTYPE htmlhtmlheadtitleQQ JS省市区三级联动/title！-使用即时通信软件的省市区数据- !-脚本类型=' text/JavaScript ' src=' http :http://IP。QQ。com/js/geo。js /脚本-脚本类型=' text/JAVAScript ' src=' http : geo。js /脚本/head dy on load=' setup()；预选('北京市');promptinfo()；'表单名称='共享IP '操作='方法='发布'选择类='选择'名称='省份id=' S1 '选项/选项/select class=' select ' name=' city ' id=' S2 '选项/option/select class=' select ' name=' town ' id=' S3 '选项/option/select input id=' address ' name=' address ' type=' hidden ' value=' /input onclick=' alert(promptinfo())' type=' submit ' value='提交//formscript函数promptinfo(){ var address=document。 getelementbyid(' address ').价值；var S1=文档。getelementbyid(' S1 ').价值；var S2=文档。getelementbyid(' S2 ').价值；var S3=文档。getelementbyid(' S3 ').价值；地址s1 s2 s3返回地址；}/脚本/正文/html调用的geo.js源码：

函数Dsy() {这个.items={ }；}Dsy.prototype.add=function (id，iArray) { this .items[id]=iArray；} Dsy。原型。exists=function(id){ if(type of(this .项目[id])=='未定义')返回错误的返回真；}函数更改(v){ var str=' 0 '；for(I=0；一、五I){ str=(' _ '(文档。getelementbyid(s[I]).selectedIndex-1))；} ;var ss=文档。getelementbyid(s[v])；with(ss){ length=0；options[0]=new Option(opt0[v]，opt 0[v])；if(v)文档。getelementbyid(s[v-1]).selectedIndex 0 ||！v) { if (dsy .Exists(str)) { ar=dsy .items[str]；for(I=0；长度；(一)选项[长度]=新选项(ar[i]，ar[I])；if (v)选项[0]。selected=true } } if(v s . length){ change(v)；} } }函数预选(p _ key){//alert(p _ key)；定义变量指数；定义变量省份=新数组('北京市', '天津市', '上海市', '重庆市', '河北省', '山西省', '内蒙古', '辽宁省', '吉林省', '黑龙江省', '江苏省', '浙江省', '安徽省', '福建省', '江西省', '山东省', '河南省', '湖北省', '湖南省', '广东