php ajax 实现三级省市区联动
2013-04-12 11:50
726 查看
数据库结构:下载
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" onchange="getcity()"> <option>请选择省</option> <!--{foreach $data as $v}--> <option value="{$v[zonecode]}">{$v[province]}</option> <!--{/foreach}--> </select> <select name="city" id="city" onchange="getq()"> <option>请选择市</option> </select> <select name="city" id="zone"> <option>请选择区</option> </select>
相关文章推荐
- PHP+Mysql+Ajax+JS实现省市区三级联动
- 用php和ajax写一个省市区的三级联动,实现地区的下拉选择
- PHP+Mysql+Ajax+JS实现省市区三级联动
- 使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能示例
- php ajax 实现三级省市区联动
- PHP+Ajax+Mysql联合实现省市区三级联动
- 使用Ajax+jQuery实现省市区三级联动
- jquery+ajax实现省市区三级联动效果简单示例
- 中国省市区三级联动实例(AJAX实现)
- PHP ajax 实现三级联动
- [原创] 不看后悔:PHP+Ajax三种方法实现省、市、县三级联动
- asp.net ajax简单实现省市区三级联动(一):一般实现
- 使用AJAX+php+mysql实现省市县三级联动
- php+js+ajax+mysql实现省市三级联动
- 第117天:Ajax实现省市区三级联动
- 使用AJAX+php+mysql实现省市县三级联动
- PHP+ajax实现省市县三级联动
- Ajax+mybaits实现省市区三级联动
- AJAX省市区三级联动下拉列表实现 JAVA开发
- 用php+mysql+json+js+ajax实现省市县三级联动