JSON Jquery省市区三级联动

效果图如下所示：

废话不多说了，直接给大家贴代码了，具体代码如下所示：

脚本src='http:/Scripts/jquery-1。4 .1 .量滴js ' type=' text/JavaScript '/script！-读取数据库，以json的格式输出，然后复制json数据，创建射流研究…文件-script src=' http : JSON/city JSON。js ' type=' text/JavaScript '/script script src=' http : JSON/proj son。js ' type=' text/JavaScript '/script script src=' http : JSON/Tricjson。js ' type=' text/JavaScript '/script script type=' text/JavaScript ' $(function(){ $).每个（省，函数(k，p){ var option=' option value=' p . ProID ' ' ' p . ProName '/option '；$(' # sel本省').追加（选项);});$(' # sel本省').change(function(){ var selVaLue=$(this)).val()；$('#selCity option:gt(0)').移除();$.每个（城市，函数(k，p){ if(p . ProID==SelVaLue){ var option=' option value=' p . city id ' ' ' p . city name '/option '；$('#selCity ').追加（选项);}});});$('#selCity ').change(function(){ var selVaLue=$(this)).val()；$('#selDistrict option:gt(0)').移除();$.每个（区，函数(k，p){ if(p . city Id==selVaLue){ var option=' option value=' p . Id ' ' ' p . DisName '/option '；$('#selDistrict ').追加（选项);}});});});/script/head dysel id=' sel省份'选项值='0' -请选择省份-/option/select select id=' sel city '选项值='0' -请选择城市-/选项AAAA/选项AAAA/选项/选择选择id=' sel district '选项值='0' -请选择区/县-/option/selection put type=' button ' id=' btnOK ' value='确定//正文/html本段代码比较简单，实用性也非常高，希望本文所述对大家有所帮助。