SQZC12345_Web/WebSite/cityTown.html

<!--
    三级联动

         三个 select

         1. 在三个sel标签中呈现数据

         2. 第一个sel标签, 显示:
            <option value='110000'>北京</option>
            <option value='120000'>天津</option>

            ng-repeat
                <option value='{{pro.code}}'>{{pro.name}}
                sel1.value = 110000

                之后第二个显示:
                    依据第一个sel中的 pro.code

                前端:
                    $http.get('list_city.php', {
                        //不能加入到get请求参数中
                        pCode: sel1.value,
                        params:{
                            pCode: sel1.value,
                        }
                    });

                 后端php
                    SELECT c.code, c.name
                    FROM t_address_city c
                    WHERE c.provinceCode = {{pro.code}}

                    <option value='110100'>北京市

                ng-repeat
                    <option value='{{city.code}}'>{{city.name}}

-->

<!--<select ng-model="sel1" style="margin-left: 20px">-->
    <!--<option ng-repeat="pro in pros" value="{{pro.code}}">{{pro.name}}</option>-->
<!--</select>-->
<select ng-model="sel1">
    <option ng-repeat="pro in pros" value="{{pro.code}}">{{pro.name}}</option>
</select>