css - 有什么辦法能夠使下拉框能夠動態擴展大小?
問題描述
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生成的列表,所以在
這樣的網絡情況下,如果你在生成下拉框之前點擊這個即將生成的下拉框,會出現:這樣的情況.
所以我想問下有什么辦法能夠使下拉框能夠動態擴展大小?
問題解答
回答1:最簡單的就是建議你,使用自定義組件。模擬一個下拉列表出來。你給設置一個最小高度試試
回答2:最好在頁面加載進來時,就把第一級select的默認項的數據給附上。
回答3:樓主解決了嗎?急需!!!!
相關文章:
