jquery php后台实现省市区联动功能示例

本文实例讲述了jquery php后台实现省市区联动功能。分享给大家供大家参考，具体如下：

JS:

$('#from_prov_id，#from_city_id ').change(function(){ var current _ prov _ id=$(this)).val()；var _ this=this$。ajax({ type:'get '，URL :"{ : URL(' getarea ')}？id=' current_prov_id，success :函数(数据){ var data=JSON。解析(数据)；if(数据。列表2==' '){ $(' # from _ area _ id选项')。移除();$('#from_area_id ').追加('选项值=')选择区（县)/option’)；$.每个(data.list1，函数（索引，项){ $('#from_area_id ').追加('选项值=' '项。id ' ' '项。name '/option ')；});}else{ $('#from_city_id选项')。移除();$(“# from _ area _ id选项')。移除();$('#from_city_id ').追加('选项值=')选择城市/option ')；$.每个(data.list1，函数（索引，项){ $('#from_city_id ').追加('选项值=' '项。id ' ' '项。name '/option ')；});$('#from_area_id ').追加('选项值=')选择区（县)/option’)；$.每个(data.list2，函数（索引，项){ $('#from_area_id ').追加('选项值=' '项。id ' ' '项。name '/option ')；});} } })});html:

选择名称=' from _ prov _ id ' id=' from _ prov _ id ' class=' select '选项值=' '选择省份/option选项值='id '北京/option选项值='id '上海/option选项值='id '浙江/option选项值='id '四川/option选项值='id '山西/option选项值='id '江苏/option {/volist }/select select name=' from _ city _ id ' id=' from _ city _ id ' class=' select ' option value=' '选择城市/option/select select name=' from _ area _ id ' id=' from _ area _ id ' class=' select ' option value='选择区县/option/selectphp:

公共功能区(){ $ Area=new Area()；$ id=input(' id ')；$ list=$ area-GetList([' PID '=$ id])；$ list 2=$ area-GetList([' PID '=$ list[0][' id '])；返回json_encode(['list1'=$list，' list 2 '=$ list 2])；}另外，本站在线工具小程序上也有几款工具采用了省市区联动功能，感兴趣的朋友可以扫描如下小程序码查看：

更多关于框架相关内容感兴趣的读者可查看本站专题： 《jQuery表单(form)操作技巧总结》 、 《jquery数组用法总结》 、 《jQuery遍历算法与技巧总结》 、 《jQuery切换特效与技巧总结》 、 《jQuery表格(table)操作技巧汇总》 、 《jQuery扩展技巧总结》 、 《jQuery常用插件及用法总结》 、 《jQuery常见经典特效汇总》 及《jquery选择器用法总结》

希望本文所述对大家框架程序设计有所帮助。