基于javascript实现全国省市两级联动的下拉菜单

本文讲一个js实现全国省市两级联动下拉菜单的例子，分享给大家参考。具体如下：

渲染：

特定代码：

html healtheta http-equiv=' Content-Type ' Content=' text/html；charset=GB 2312/title无标题文档/title脚本类型=' text/JavaScript'/似乎不是这样。var arr _省份=['请选择省/市'，'北京'，'上海'，'天津'，'重庆'，'深圳'和'广东'。Var arr_city=[['请选择一个城市/地区']，['东城区'，'西城区'，'朝阳区'，'宣武区'，'昌平区'，'大兴区'，'丰台区'，'海淀区'，['宝山区'，'长宁区'，河西区、南开区、河北区、河东区、虹桥区、塘沽区、开发区]、【渝中区、南岸区、江北区、沙坪坝区、九龙坡区、渝北区、大渡口区。南山区，周边有深圳、广州、惠州、汕头、珠海、佛山、中山、东莞、郑州。//功能：当省内选项发生变化时，市内数据也要相应变化。函数select _ change(index){ var city=document . form 1 . city；//根据当前索引，确定要写入city的2d数组是哪个city . length=0；city.length=arr_city[index]。长度；for(var I=0；iarr _ city[索引]。长度；I) {//创建每个选项对象(选项标签)城市。选项[一]。text=arr _ city[index][I]；city.options[i]。value=arr _ city[index][I]；} }//函数：在省份对象中添加选项对象，每个选项的内容来自arr_provincefunction init(){ //获取省市对象var venue=document . form 1 .省份；var city=document . form 1 . city；//指定下拉列表的高度，准备写几个选项标签(非常重要)。省份.长度=arr _省份.长度；//这个句子必须有//循环数组。将数组的内容写入省为(var I=0；iarr _省份. length；I) {//创建每个选项对象(选项标签)省份.选项[I]。text=arr _省份[I]；省.选项[i]。value=arr _省份[I]；}//指定当前默认所选省份的指数编号var index=0；省份. selectedIndex=索引；//对象城市的内容来源于省份的选择。//我们默认指定一个选项，通常是城市。长度=arr _ city [index]。下标为0的长度；for(var j=0；jarr _ city[索引]。长度；J) {//创建每个选项对象(选项标签)城市。选项[j]。text=arr _ city[index][j]；city.options[j]。value=arr _ city[index][j]；} }/script/head body on load=' init()' form name=' form 1 '省份：select name='省份' onchange=' select _ change (this。selectedindex)style=' width 3360130 px；/select city:select name=' city '/select/form/body/html。我希望这篇文章能对你的javascript编程有所帮助。