如何在选择框上显示垂直滚动条

Question

我正在使用角度选择框，如果数据超过5，我需要显示滚动条。

<select class="form-control" data-ng-model='projectListData.appVersion' ng-selected ng-options="v.version as v.version for v in versionList | orderBy:'-version' " >
    <option value="" selected="selected" disabled="disabled">Choose Version</option>
</select>

我尝试过尺寸但是没有用。

size = '5'

请建议

Answer 1

HTML：

<select id="versions" class="form-control" data-ng-model='projectListData.appVersion' ng-selected ng-options="v.version as v.version for v in versionList | orderBy:'-version' " >
    <option value="" selected="selected" disabled="disabled">Choose Version</option>
</select>

JS：

if($scope.versionList.length > 5){
    //vanilla js with dropdown defined
    var dropdown = document.getElementById("versions");
    dropdown.style.overflow = "scroll";
    //single line
    document.getElementById("versions").style.overflow = "scroll";
    //JQuery
    $("#versions").css("overflow", "scroll");
}