更改下拉菜单的大小

Question

我创建了 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

谢谢

Answer 1

将样式宽度 100% 添加到您的 select

像这样

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

Answer 2

要改变下拉列表的大小可以在js中写如下语句

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

'#repeatSelect' - 它是下拉列表的 ID(select)control.Above 语句应该存在于文档就绪中。

Answer 3

将每个的宽度更改为 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>

更改下拉菜单的大小

Change the size of drop downs

html

css

angularjs

dropdown