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

Question

我正在使用 Angular 选择框，如果数据超过 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 但这不起作用。

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");
}