更改下拉菜单

Question

我创造2个下拉列表的大小，但我无法改变自己的size..I希望屏幕宽度的下拉 这里是我的代码

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

Answer 2

增添风采witdh 100％到您的选择

这样

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

Answer 3

要更改下拉列表的大小，你可以写如下语句在JS

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

“#repeatSelect” - 这是下拉的ID（选择）control.Above的说法应该是存在于文件准备。