码迷,mamicode.com
首页 > Web开发 > 详细

jQuery+php实现二级联动

时间:2018-09-13 14:05:26      阅读:212      评论:0      收藏:0      [点我收藏+]

标签:where   round   html   table   parse   +=   sel   type   htm   

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实现二级联动

标签:where   round   html   table   parse   +=   sel   type   htm   

原文地址:https://www.cnblogs.com/hopelooking/p/9639632.html

(1)
(1)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!