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％像这样

PS C:\> function Foo { 1..3 }
PS C:\> function Bar { 2..4 }
PS C:\> & { Foo; Bar | % { $_ + 2 } } | oh
1
2
3
4
5
6

Answer 2

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

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

＆＃39;＃repeatSelect＆＃39; - 它是下拉（选择）控件的ID。在文档就绪时应该存在以上语句。

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>

更改下拉的大小

3 个答案: