css - 有什麼辦法能夠讓下拉框能夠動態擴充大小?

Question

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產生的清單,所以在

這樣的網路情況下,如果你在生成下拉框之前點擊這個即將生成的下拉框,會出現:

這樣的情況.

所以我想問下有什麼辦法能夠使下拉框能夠動態擴展大小?

Answer 1

最簡單的就是建議你，使用自訂元件。模擬一個下拉式清單出來。

你給設定一個最小高度試試

Answer 2

最好在頁面載入進來時，就把第一級select的預設項目的資料給附上。

Answer 3

樓主解決了嗎？急需！ ！ ！ ！