本文实现更新了项目的省市区三级联动数据，更新后最新的海南三沙都有，分享给所有需要的小伙伴们JQUERY JSON，无数据库，纯射流研究…代码，无加密，无压缩，可直接使用在任何项目中。

说明：数据来源于国家统计局官网。

先上图：

绑定省市区

使用方法：

1.引用JQUERY

脚本类型=' text/JavaScript ' src=' http :http://apps。bdimg。com/libs/jquery/1。11 .1/jquery。量滴js '/脚本2 .引用省市区数据

脚本类型=' text/JAVAScript ' src=' http : pdata。js '/脚本3 .超文本标记语言代码：

div class=' row ' div class=' col-sm-12 ' div class=' form-group ' label class=' control-label col-sm-2 '所在区域/label div class=' col-sm-3 ' select name=' input _ vehicle ' id=' input _ vehicle ' class=' form-control '/select/div class=' col-sm-3 ' select name=' input _ city ' id=' input _ city ' class=' form-control '/select/div class=' col-sm-3 ' select name=' input _ area ' id=' input _ area ' class=' form-control '/select/div/div/div 4 .射流研究…代码：

$(function(){ var html=' option value=' '==请选择==/option '；$('#input_city ').追加(html)；$(“# input _ area”).追加(html)；$.每个(pdata，function(idx，item){ if(ParSeint(item。level)=0){ html=' option value=' item。名称为“exid=”的项目。代码' ' '项目。name '/option '；} });$(' # input _省份')。追加(html)；$(' # input _省份')。change(function(){ if ($(this)).val()==' ')返回；$('#input_city选项')。移除();$('#input_area选项')。移除();定义变量代码=$(这个).查找(“option:selected”).attr(' exid ')；code=code.substring(0，2)；var html='选项值=''==请选择==/option '；$(“# input _ area”).追加(html)；$.每个(pdata，function(idx，item){ if(ParSeint(item。level)=1代码==item。代码。子字符串(0，2)){ html=' option value=' item。命名“exid=”项。代码' ' '项目。name '/option '；} });$('#input_city ').追加(html)；});$('#input_city ').change(function(){ if ($(this)).val()==' ')返回；$('#input_area选项')。移除();定义变量代码=$(这个).查找(“option:selected”).attr(' exid ')；code=code.substring(0，4)；var html='选项值=''==请选择==/option '；$.每个(pdata，function(idx，item){ if(ParSeint(item。level==2代码==item。代码。子字符串(0，4)){ html=' option value=' item。命名“exid=”项。代码' ' '项目。name '/option '；} });$(“# input _ area”).追加(html)；});//绑定$(' # input _省份')。" val("广东省');$(' # input _省份')。change()；$('#input_city ')." val("深圳市');$('#input_city ').change()；$(“# input _ area”)." val("罗湖区');});源码下载： 《基于jquery实现省市区三级联动效果》

以上就是本文的全部内容，希望对大家的学习有所帮助。