angularjs三级省市联动

来源:互联网 发布:五金店销售软件 编辑:程序博客网 时间:2024/06/03 22:47

city.json中存放省市联动数据

结构:

controller中的使用



controller中使用


html关键代码

<div>    <label>所在区域:</label>    <select name="province" ng-model="address.province" ng-options="p.name as p.name for p in region" ng-change="city='';"></select>            <select name="city" ng-model="address.city" ng-options="c.name as c.name for c in region | cityfilter : address" ng-change="area='';"></select>        <select name="area" ng-model="address.area" ng-options="a.value as a.value for a in region | areafilter : address" ></select></div> 
实现效果:





0 0
原创粉丝点击