css - Adakah terdapat sebarang cara untuk mengembangkan saiz kotak drop-down secara dinamik?

Question

1. Gunakan sudut untuk mendapatkan maklumat alamat secara dinamik dan menjana senarai drop-down alamat secara automatik:
Kodnya adalah seperti berikut:

<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>

Kesannya adalah seperti berikut:

Kemudian masalah datang, kerana data alamat diperoleh melalui ajax dan kemudian senarai dijana oleh sudut, jadi dalam

Dalam situasi rangkaian sedemikian, jika anda mengklik pada kotak lungsur untuk dijana sebelum menjana kotak lungsur, situasi seperti ini akan muncul:

.

Jadi saya ingin bertanya sama ada terdapat cara untuk mengembangkan saiz kotak lungsur turun secara dinamik?

Answer 1

Perkara paling mudah ialah mengesyorkan anda menggunakan komponen tersuai. Simulasikan senarai juntai bawah.

Cuba tetapkan ketinggian minimum

Answer 2

Sebaik-baiknya untuk melampirkan data item lalai peringkat pertama pilih apabila halaman dimuatkan.

Answer 3

Adakah poster asal telah menyelesaikannya? keperluan segera! ! ! !