html select设置滑轮

在 HTML 的 select 元素中，默认情况下是没有滑轮功能的。不过，你可以通过一些 JavaScript 库来实现这个功能。

其中比较常用的一种方法是使用 Select2 库。这个库可以将 select 元素转换为带有搜索和滑轮功能的下拉列表。

首先，在页面中引入 Select2 库的 CSS 和 JavaScript 文件：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>

然后，在 select 元素上应用 Select2：

<select class="js-example-basic-single">
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
  <option value="4">Option 4</option>
  <option value="5">Option 5</option>
  <option value="6">Option 6</option>
  <option value="7">Option 7</option>
  <option value="8">Option 8</option>
  <option value="9">Option 9</option>
  <option value="10">Option 10</option>
</select>

<script>
$(document).ready(function() {
  $('.js-example-basic-single').select2();
});
</script>

这样就可以将 select 元素转换为带有滑轮功能的下拉列表了。