jQuery+php實現二級聯動
阿新 • • 發佈：2018-09-13
view fun val -- where his this pre public
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實現二級聯動