本文实现更新了项目的省市区三级联动数据，更新后最新的海南三沙都有，分享给所有需要的小伙伴们。
jquery + json，无数据库，纯js代码，无加密，无压缩，可直接使用在任何项目中。
说明：数据来源于国家统计局官网。
先上图：
绑定省市区
使用方法：
1. 引用jquery   

2. 引用省市区数据

3. html代码：
所在区域

4. js代码：
$(function () { var html = == 请选择 ==; $(#input_city).append(html); $(#input_area).append(html); $.each(pdata,function(idx,item){ if (parseint(item.level) == 0) { html += + item.names + ; } }); $(#input_province).append(html); $(#input_province).change(function(){ if ($(this).val() == ) return; $(#input_city option).remove(); $(#input_area option).remove(); var code = $(this).find(option:selected).attr(exid); code = code.substring(0,2); var html = == 请选择 ==; $(#input_area).append(html); $.each(pdata,function(idx,item){ if (parseint(item.level) == 1 && code == item.code.substring(0,2)) { html += + item.names + ; } }); $(#input_city).append(html); }); $(#input_city).change(function(){ if ($(this).val() == ) return; $(#input_area option).remove(); var code = $(this).find(option:selected).attr(exid); code = code.substring(0,4); var html = == 请选择 ==; $.each(pdata,function(idx,item){ if (parseint(item.level) == 2 && code == item.code.substring(0,4)) { html += + item.names + ; } }); $(#input_area).append(html); }); //绑定 $(#input_province).val(广东省);$(#input_province).change(); $(#input_city).val(深圳市);$(#input_city).change(); $(#input_area).val(罗湖区); });
源码下载： 《基于jquery实现省市区三级联动效果》
以上就是本文的全部内容，希望对大家的学习有所帮助。