1,使用angular动态获取地址信息并自动生成地址下拉列表:
代码如下:
<select name="graduated_province" ng-model="graduated_province" ng-options="pro.area_id as pro.area_name for pro in province" ng-change="areaChoose('city')">
<option value="" label="请选择" selected="selected">请选择</option>
</select>
<select name="graduated_city" ng-model="graduated_city" ng-options="city.area_id as city.area_name for city in city" ng-change="areaChoose('district')">
<option value="" label="请选择" selected="selected">请选择</option>
</select>
<select name="graduated_district" ng-model="graduated_district" ng-options="dist.area_id as dist.area_name for dist in district">
<option value="" label="请选择" selected="selected" >请选择</option>
</select>
效果如下:
那么问题来了,因为是通过ajax获取地址数据然后angular生成的列表,所以在
这样的网络情况下,如果你在生成下拉框之前点击这个即将生成的下拉框,会出现:
这样的情况.
所以我想问下有什么办法能够使下拉框能够动态扩展大小?
The simplest thing is to recommend you to use custom components. Simulate a drop-down list.
Try setting a minimum height
It is best to attach the data of the default items of the first level select when the page is loaded.
Has the original poster solved it? urgent need! ! ! !