php ajax 实现三级省市区联动

数据库结构：下载

public function getdiqudaima(){$rs = $this->db->table('diqudaima')->field("province,city,zonename,zonecode")->where("areaid=1 ")->getAll();$this->db->lastSql();return $rs;}public function getq($code,$n){$where = "and zonecode like '$code%'";$rs = $this->db->table('diqudaima')->field("province,city,zonename,zonecode")->where("areaid = $n ".$where)->getAll();return $rs;}

public function showdiqu(){$test = load_model('Test');$data = $test->getdiqudaima();$this->output->set('data',$data);$this->output->display('test.html');}public function showcity(){$test = load_model('Test');$code = $this->input->getTrim('code');$datacity = $test->getq($code,2);echo json_encode($datacity);}public function showqu(){$test = load_model('Test');$code = $this->input->getTrim('code');$datacity = $test->getq($code,3);echo json_encode($datacity);}

<script>function getcity(){var a = $("#pro").val();$.post("?c=Test&a=showcity",{code: a},function(data){var obj = eval('('+data+')');$("#city").empty();$("#city").prepend("<option value='-1'>请选择市</option>");         for(var p in obj){$("#city").append("<option value="+obj[p].zonecode+">"+obj[p].zonename+"</option>");}}); }function getq(){var a = $("#pro").val();$.post("?c=Test&a=showqu",{code: a},function(data){var obj = eval('('+data+')');$("#zone").empty();$("#zone").prepend("<option value='-1'>请选择区</option>");      for(var p in obj){$("#zone").append("<option value="+obj[p].zonecode+">"+obj[p].zonename+"</option>");}});}
</script>

<select name="province" id="pro" οnchange="getcity()"><option>请选择省</option>
<!--{foreach $data as $v}--><option value="{$v[zonecode]}">{$v[province]}</option>
<!--{/foreach}-->
</select>
<select name="city" id="city" οnchange="getq()"><option>请选择市</option>
</select>
<select name="city" id="zone"><option>请选择区</option>
</select>

php ajax 实现三级省市区联动相关推荐

html用ajax做三级联动,怎样使用JS+AJAX做出三级联动
这次给大家带来怎样使用JS+AJAX做出三级联动,使用JS+AJAX做出三级联动的注意事项有哪些,下面就是实战案例,一起来看一下. js 三级联动的实现代码如下所示: js原生ajax -请选择省/ ...
纯JS省市区三级不联动数据有更新
// 纯JS省市区三级不联动 // // <?php Yii::app()->clientScript->registerScriptFile( Yii::app()->req ...
基于JQuery Ajax实现三级联动获取SpringMVC接口的数据(详细一套)
本文实例为大家分享了ajax实现三级联动的具体代码,供大家参考(复制下来就可以用) 一.省市县数据表可见:全国各.省.市区/县sql语句二.点我:切换二级联动在静态页面写调用服务端接口,获取省.市 ...
Ajax案例-三级联动-搜索框提示语
01ajax之三级联动案例分析 1.1简答题根据视频中的讲解,完成以下内容 1.1.1视频中的三级联动案例的功能需求是什么页面中有三个下拉框选项,分别为省下拉框,市下拉框,区/县下拉框,选择省,则 ...
ajax省市联动案例,ajax省市区联动【原创】
以前看见过省市区联动的效果,一直不知道是怎么实现的,这次第一次在项目里遇到,就简单记录了一下.下面简单介绍一下. 我实现的省市区联动,省是循环出来的,市的获取是根据省的改变动态添加的,同理,区的获取也 ...
全国省市区三级城市联动下来选项select插件
area.js /* * 全国三级城市联动 js版 */ function Dsy(){this.Items = {}; } Dsy.prototype.add = function(id,iArra ...
jquery插件 autoComboBox 自动创建联动的下拉框如:省市区联动
废话{ 诞生背景: 问: 1.大家在做省市区下拉框联动,或者是产品分类联动,或者是部门联动等下拉框时怎么做? 是用ajaxpro.dll 还是jquery ajax呢?? 答: 是,留下继续阅读. ...
【问题总结（12）】Cascader 省市区联动 obj[] Object.key() some.() String() forEach() 数组筛选过滤filter
1.obj[] 对象没有obj[0],这是数组的表达法arr[]. 数组有内置索引,对象没有,obj[] 里是key(键名) 下面展示一些 // An highlighted block const ...
基于jQuery+ashx+.net实现三级栏目联动操作
父级ID可以为空以两个编号为一级可以添加到第四级 table 字段有ID. name .parentNode. childNode等基本属性 selecet parentNode ,len(c ...

php ajax 实现三级省市区联动

php ajax 实现三级省市区联动相关推荐

最新文章

热门文章