如何在下拉选项中添加加载更多功能答案

【问题标题】：How to add load more feature inside a dropdown option如何在下拉选项中添加加载更多功能
【发布时间】：2022-06-13 23:15:41
【问题描述】：

下面是下拉选项的简单 html 代码

<select class="form-control" id="myList">
  <option  value="">Please select</option>  
  <option  value="1">1</option>
  <option  value="2">2</option>
  <option  value="3">3</option>
  <option  value="4">4</option>
  <option  value="5">5</option>
  <option  value="6">6</option>
  <option  value="7">7</option>
  <option  value="8">8</option>
  <option  value="9">9</option>
  <option value="load">
    <div id="loadMore">Load more</div>
  </option>
</select>

我想要达到的目标。我会在点击 loadmore 后显示选项 1-5，然后会显示更多 5。我研究了一些资源，这些资源太差且指令不那么清晰。如果你们帮助我，我会很高兴的。感谢所有资深开发者。

【问题讨论】：

你能发布你的代码吗？
这是一个糟糕的用户体验决定。下拉列表通常不会以这种方式工作，对于那些不花时间阅读所有选项的用户来说，改变你的方式是不寻常的。 option elements 也不能包含其他 HTML。您应该考虑使用select 上的size 属性将其从下拉列表更改为特定大小的可滚动列表。

标签： javascript jquery select dropdown option