市/区县/乡镇街道/村社区四级联动（含陕西省数据JS）

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

一、js文件引入

<script src="${ctxStatic}/skines/js/region.js"></script>

二、代码实现

<tr>
			<td ><lable>所在地址：</lable></td>
			<td colspan="3">
				市：<select name="city" id="city" style="width: 150px" class="required"></select>
				区/县：<select name="county" id="county" style="width: 150px" class="required"></select>
				街道/乡镇：<select name="town" id="town" style="width: 150px" class="required"></select>
				社区/村/合作社：<select name="address" id="address" style="width: 150px"></select>
				<script type="text/javascript">
					var data = obj.regions;
					var city=document.getElementById('city');
					var county=document.getElementById('county');
					var town=document.getElementById('town');
					var address=document.getElementById('address');
					var option = "<option value='请选择'>请选择</option>";
					city.innerHTML = option;
					county.innerHTML = option;
					town.innerHTML = option;
					address.innerHTML = option;
					// 生成市列表
					for(var i=0;i<data.length;i++){
						var option_city=document.createElement('option');
						option_city.value=data[i].name;
						option_city.innerText=data[i].name;
						city.appendChild(option_city);
					}
					// 根据选择的市生成相应的区县列表
					city.onchange=function(e){
						for(var i=0;i<data.length;i++){
							if(data[i].name == e.target.value){
								var data_county=data[i].regions;
								var option_county=data_county.map(function(item){
									return '<option value="' + item.name+ '">' +item.name+'</option>'
								}).join('');
								// 根据选择的区县生成相应的街道、乡镇列表
								county.onchange=function(evt){
									for(var j=0;j<data_county.length;j++){
										if(data_county[j].name == evt.target.value){
											var data_town=data_county[j].regions;
											var option_count=data_town.map(function(items){
												return '<option value="' + items.name+ '">' +items.name+'</option>'
											}).join('');
											town.onchange=function (ec){
												for (var m=0;m<data_town.length;m++){
													if (data_town[m].name ==ec.target.value){
														var data_address=data_town[m].regions;
														var option_coun=data_address.map(function (item1){
															return '<option value="' + item1.name+ '">' +item1.name+'</option>'
														}).join('');
													}
												}
												address.innerHTML="<option value='请选择'>请选择</option>"+option_coun;
											}
										}
									}
									town.innerHTML="<option value='请选择'>请选择</option>"+option_count;
								}
							}
						}
						county.innerHTML="<option value='请选择'>请选择</option>"+option_county;
						town.innerHTML="<option value='请选择'>请选择</option>"
						address.innerHTML="<option value='请选择'>请选择</option>"
					}
				</script>
			</td>
		</tr>

三、实现效果

四、陕西省数据JS文件

下载链接：
点击下载
提取码：
qib0
其他省份数据（国家统计局）：
数据链接