更改下拉菜单的大小答案

【问题标题】：Change the size of drop downs更改下拉菜单的大小
【发布时间】：2015-10-14 04:52:53
【问题描述】：

我创建了 2 个下拉菜单，但我无法更改它们的大小..我想要屏幕宽度的下拉菜单这是我的代码

 <select id="repeatSelect" ng-model="selectedArea">
  <option ng-repeat="(key,prop) in result" value="{{key}}">{{key}}</option>
</select>
<select id="repeatSelect1" ng-model="selectedState">
  <option ng-repeat="state in result[selectedArea]" value="state">{{state}}</option>
</select>

http://plnkr.co/edit/nNsM4VMVeHXS2hDIsAAd?p=preview

谢谢

【问题讨论】：

标签： html css angularjs dropdown

【解决方案1】：

将样式 witdh 100% 添加到您的选择中

喜欢这个

<select style="width:100%" id="repeatSelect" ng-model="selectedArea">

【讨论】：

【解决方案2】：

将每个的宽度更改为 100%。使用下面的代码

 <select id="repeatSelect" ng-model="selectedArea" style="width:100%">
  <option ng-repeat="(key,prop) in result" value="{{key}}">{{key}}</option>
</select>
<select id="repeatSelect1" ng-model="selectedState" style="width:100%">
  <option ng-repeat="state in result[selectedArea]" value="state">{{state}}</option>
</select>

【讨论】：

【解决方案3】：

要更改下拉列表的大小，您可以在 js 中编写以下语句

jQuery('#repeatSelect').css('width','100%');

'#repeatSelect' - 它是下拉（选择）控件的 id。上面的语句应该存在于文档就绪。

【讨论】：