//城市 控制器方面

//省級地區
public function one(){
    $data=Db::table(‘area‘)->where("parent_id=0")->select();
    $aa=$data[0][‘id‘]+100;
    $shi_ji=Db::table("area")->where("parent_id=‘$aa‘")->select();
    $arr=[‘data‘=>$data,‘shi‘=>$shi_ji];
    return view("show",[‘arr‘=>$arr]);
}
//市級地區
public function two(){
    $id=Request::instance()->param("id");
 

    $b=Db::table(‘area‘)->where("parent_id=‘$id‘")->select();
    return view("show1",[‘arr‘=>$b]);
}
//省
public function three(){
    $id=Request::instance()->param("id");
    $b=Db::table(‘area‘)->where("parent_id=‘$id‘")->select();
    return view("show2",[‘arr‘=>$b]);
}

//html頁面   show頁面顯示省級城市
 

 <table>
    <tr>
        <td>省級：</td>
        <td>
            <select name="" id="" class="one">
                <option value="請選擇">請選擇</option>
                {volist name="arr.data" id="v"}
                    <option value="{$v.id}">{$v.name}</option>
                {/volist}
            </select>
        </td>
        <td>市級：</td>
        <td>
            <select name="" id="" class="two">
                <option value=""></option>
            </select>
        </td>
        <td>縣/區：</td>
        <td>
            <select name="" id="" class="three">

                <option value=""></option>

            </select>
        </td>

    </tr>
</table>

//js調用show1   show2頁面
 

 $(document).on("change",".one",function () {
    var one=$(this).val();
    $.get(
        "{:url(‘login/two‘)}?id="+one,
        function (data) {
            $(".two").html(data);
        }
    )
})

//市區
$(document).on("change",".two",function () {
    var two=$(this).val();
    $.get(
        "{:url(‘login/three‘)}?id="+two,
        function (data) {
            $(".three").html(data);
        }
    )
})

//show1顯示二級城市

<select name="" id="" class="one">
    <option value="">請選擇</option>
    {volist name="arr" id="v"}
    <option value="{$v.id}">{$v.name}</option>
    {/volist}
</select>

//show2顯示三級城市

<select name="" id="" class="one">
    <option value="">請選擇</option>
    {volist name="arr" id="v"}
       <option value="{$v.id}">{$v.name}</option>
    {/volist}
</select>

二級聯動