css - 有什么办法能够使下拉框能够动态扩展大小?
漂亮男人
漂亮男人 2017-05-15 17:08:05
0
3
738

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生成的列表,所以在

这样的网络情况下,如果你在生成下拉框之前点击这个即将生成的下拉框,会出现:

这样的情况.

所以我想问下有什么办法能够使下拉框能够动态扩展大小?

漂亮男人
漂亮男人

全員に返信(3)
某草草

最も簡単なのは、カスタム コンポーネントの使用を提案することです。ドロップダウン リストをシミュレートします。

最小の高さを設定してみます

いいねを押す +0
洪涛

ページをロードするときに、最初のレベル選択のデフォルト項目のデータを添付するのが最善です。

いいねを押す +0
给我你的怀抱

元の投稿者はそれを解決しましたか?緊急の必要性! ! ! !

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!