使用bootstrap-select限制下拉菜单的高度

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.18/css/bootstrap-select.min.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.18/js/bootstrap-select.min.js"></script>

<select class="selectpicker" data-max-height="200">
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
  <!-- 添加更多选项 -->
</select>

<script>
  $(document).ready(function () {
    $('.selectpicker').selectpicker();
  });
</script>

.bootstrap-select .dropdown-menu {
  max-height: 200px;
  overflow-y: auto;
}