【ajax+php】动态展示4级单位(省、市、县、镇)
1、本篇教程以ajax+php动态展示【省、市、县、镇】四级地区单位
2、效果图:
3、不废话,贴代码!
HTML:
<div class="form-group"><label class="col-sm-3 control-label" for="onecity"> 地区分类<span class="text-danger">*</span></label><div class="col-sm-2"><select class="form-control" id="onecity" name="onecity" onchange="city()"><option value="">请选择一级地区</option>{loop $one $v}<option value="{$v['id']}">{$v['name']}</option>{/loop}</select></div><!-- 二级城市 --><div class="col-sm-2" id="ss"></div><!-- 三级城市 --><div class="col-sm-2" id="ss2"></div><div class="col-sm-2" id="ss3"></div><script text="text/javascript">function city(){var one=$("#onecity").val();$.ajax({type: "POST",url: "/index.php?do=pubh***_third&id=19&step=step1_third&fc=1&one="+one,success: function(msg){$("#ss").empty();$("#ss").append(msg);}}); }</script><script text="text/javascript">function city2(){var two=$("#twocity").val();$.ajax({type: "POST",url: "/index.php?do=pubh***_third&id=19&step=step1_third&fc=2&two="+two,success: function(msg){$("#ss2").empty();$("#ss2").append(msg);}}); }</script><script text="text/javascript">function city3(){var three=$("#threecity").val();$.ajax({type: "POST",dataType: 'json',url: "/index.php?do=pubh***_third&id=19&step=step1_third&fc=3&three="+three,success: function(res){$("#ss3").empty();if(res.data!='error'){$("#ss3").append(res.data);}}}); }</script></div>
php:
//1、首先将省级单位给输出到页面 -- 1225$one=db_factory::get_table_data("*",'w***_district','upid=0');//2、ajax动态判断传过来的pid(省),获取市级单位,并动态输出<select><option>数据htmlif($_R[fc]==1){if($_R['one']){$msg=db_factory::get_table_data("*","w***_district","upid=".$_R['one']);}$dis='<select class="form-control" name="twocity" id="twocity" οnchange="city2();choose_village();"><option value="">请选择二级地区</option>';foreach($msg as $v){$dis.='<option value="'.$v[id].'">'.$v[name].'</option>';}$dis.='</select>';echo $dis;die;}if($_R[fc]==2){if($_R['two']){$msg=db_factory::get_table_data("*","w***_district","upid=".$_R['two']);}$dis='<select class="form-control" name="threecity" id="threecity" οnchange="city3();"><option value="">请选择三级地区</option>';foreach($msg as $v){$dis.='<option value="'.$v[id].'">'.$v[name].'</option>';}$dis.='</select>';echo $dis;die;}if($_R[fc]==3){if($_R['three']){$msg=db_factory::get_table_data("*","wi***_district","upid=".$_R['three']);}/* 四级单位有可能没有的,比如直辖市、自治州 */if($msg){$dis='<select class="form-control" name="fourcity" id="fourcity" ><option value="">请选择四级地区</option>';foreach($msg as $v){$dis.='<option value="'.$v[id].'">'.$v[name].'</option>';}$dis.='</select>';kekezu::echojson("",1,$dis);//echo $dis;die;}else{kekezu::echojson("",2,'error');//参数依次msg、status、datadie ();}}
到这里就结束了,很简答的一个ajax应用。
【ajax+php】动态展示4级单位(省、市、县、镇)相关推荐
- ajax php 动态,jQuery+PHP+Ajax实现动态数字统计展示功能
jQuery+PHP+Ajax实现的一款动态数字统计展示实例,本例是在页面上动态展示了当前在线用户数,当然了,你可以应用到其他更多场景中. 首先我们在#number放置要统计的数字: 当前在线: 然后 ...
- django jsonresponse_利用 Django 动态展示 Pyecharts 图表数据的几种方法
本文将介绍如何在 web 框架 Django 中使用可视化工具 Pyecharts, 看完本教程你将掌握几种动态展示可视化数据的方法! Django 模板渲染 1. 新建一个 Django 项目 命令 ...
- 利用 Flask 动态展示 Pyecharts 图表数据的几种方法
本文将介绍如何在 web 框架 Flask 中使用可视化工具 pyecharts, 看完本教程你将掌握几种动态展示可视化数据的方法,不会的话你来找我呀- Flask 模板渲染 1. 新建一个项目fla ...
- 干货!Flask 动态展示 Pyecharts 图表数据的几种方法!
本文将介绍如何在 web 框架 Flask 中使用可视化工具 pyecharts, 看完本教程你将掌握几种动态展示可视化数据的方法,不会的话你来找我呀- Flask 模板渲染 1. 新建一个项目fla ...
- 利用 Django 动态展示 Pyecharts 图表数据的几种方法
本文将介绍如何在 web 框架 Django 中使用可视化工具 Pyecharts, 看完本教程你将掌握几种动态展示可视化数据的方法! Django 模板渲染 1. 新建一个 Django 项目 命令 ...
- 快速生成 web app 动态展示机器学习项目
1. Streamlit 一句话,Streamlit是一个可以用python编写web app的库,可以方便的动态展示你的机器学习的项目. 优点 你不需要懂html, css, js等,纯python ...
- 微信小程序菜品做法展示数据库设计_微信小程序结合后台数据管理实现商品数据的动态展示、维护...
微信小程序给我们提供了一个很好的开发平台,可以用于展现各种数据和实现丰富的功能,本篇随笔介绍微信小程序结合后台数据管理实现商品数据的动态展示.维护,介绍如何实现商品数据在后台管理系统中的维护管理,并通 ...
- pyecharts交互式动态可视化案例_全国各省近20年GDP 动态展示
全国各省近20年GDP 动态展示 1. 数据描述: 数据存在EXCEL,命名为全国各省财政收入 2. 编写代码: import pandas as pd import openpyxl from py ...
- 移动端开发 套餐列表动态展示(多表联查) 短信发送
@TOC 第6章 移动端开发-体检预约 1. 移动端开发 1.1 移动端开发方式 随着移动互联网的兴起和手机的普及,目前移动端应用变得愈发重要,成为了各个商家的必争之地.例 如,我们可以使用手机购物. ...
最新文章
- Dtree【树形下拉框】
- 什么叫大数据人物画像_大数据时代,如何构建精准用户画像,直击精细化运营...
- JTS(Geometry)工具类
- mysql maria引擎_MySQL/mariadb知识点——存储过程及存储引擎
- 在crontab中利用scp命令自动备份文件
- java doget 返回json_HttpClient调用doGet、doPost、JSON传参及获得返回值
- win10+GTX1070+keras+Anaconda+python3.5安装记录
- 更换Homebrew的更新源
- 关于BIO和NIO的理解
- 尚硅谷JDBC笔记(带源码)——了解数据库,看这一篇就够了
- 建筑工程计算机的应用,计算机对建筑工程的应用
- wx2540h配置教程_H3C无线AP控制器EWP-WX2540H 无线AP 无线云台控制器 无线控制器
- 天涯明月刀服务器维护事假,《天涯明月刀ol》12月16日服务器维护公告
- 利用Python(pyserial、minimalmodbus、modbus_tk)进行单片机通信
- 虚拟机开启系统蓝屏报错:“终止代码:SYSTEM_SERVICE_ECXEPTION“
- ws2812C驱动示例主控芯片为HC32F460系列
- 【专家观点】超大规模数据要素市场体系下数据价格生成机制研究
- win10安装TensorFlow2.8.0
- linux 常用命明
- 软件的4种维护(更正性、完善性、预防性、适应性)的区别