jQuery+php实现二级联动
Posted hopelooking
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery+php实现二级联动相关的知识，希望对你有一定的参考价值。
php代码：
public function liandong(){ $arr = Db::table("city")->where("pid=0")->select(); return view(‘liandong‘,[‘arr‘=>$arr]); } //输出联动json public function liandong_json(){ $pid = Request::instance()->param(‘pid‘); $arr = Db::table("city")->where("pid=‘$pid‘")->select(); echo json_encode($arr); }
html代码：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <select id="one"> {volist name="arr" id="v"} <option value="{$v.id}">{$v.c_name}</option> {/volist} </select> <select id="two"> <option value="北京">北京</option> </select> <script src="__STATIC__/js/jquery.js"></script> <script> $(document).on(‘change‘,‘#one‘,function(){ var pid = $(this).val(); //ajax请求后台数据 $.get("{:url(‘Two/liandong_json‘)}?pid="+pid,function(data){ var res = JSON.parse(data); var str = ""; // <option value=‘--请选择--‘ class=‘two‘>--请选择--</option> $.each(res,function(k,v){ str += "<option value=‘"+v.id+"‘>"+v.c_name+"</option>"; }) $("#two").empty(); $("#two").append(str); }) }); </script> </body> </html>
以上是关于jQuery+php实现二级联动的主要内容，如果未能解决你的问题，请参考以下文章
jquery $.post() 向php传值 实现简单的二级联动
(实用篇)jQuery+PHP+MySQL实现二级联动下拉菜单