Javascript 如何在下拉列表中添加加载更多功能

我有一个简单的下拉列表

<select >
    <option value="" disabled selected>Choose your option</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>   
</select>

选择你的选择
1.
2.
3.

其中的值可以达到50，我想在选择标记中添加load more facility，但问题是它没有在选项标记中拾取锚标记

我尝试使用，但在选择“显示更多”时，下拉菜单关闭

---

有人能告诉我如何获得此功能吗？

这不适用于标准下拉列表。如果您真的需要这个特性，您可能需要考虑添加自定义下拉实现。但是，请记住，不同的平台和浏览器有不同的

实现。尤其是在移动浏览器上，它们可能会以弹出式窗口或底部键盘式面板的形式打开。除了onChange之外，元素上可能根本没有触发任何事件

---

有很多选项的DROPHORD并不完全是用户友好的，尤其是在手机上，所以考虑一下是否有可能使用一个替代的输入表单。

实现你想要的，你需要实现一个自定义下拉。

$（'.dropdown header'）。单击（函数（事件）{
$（'.dropdown content'）.toggle（）；
event.stopPropagation（）；
})
$（窗口）。单击（函数（）{
$（'.dropdown content'）.hide（）；
})
$（document.body）。在（'click'，'上。选项：not（.more）'，函数（事件）{
警报（'clicked option'+this.innerHTML）；
event.stopPropagation（）；
})
$（'.option.more'）。单击（函数（事件）{
让价值；
对于（变量i=0；i<5；i++）{
值=数学地板（（数学随机（）*100）+1）；
$（'.normal选项'）.append（$（'.html（value））；
}  
event.stopPropagation（）；
})

。下拉列表{
显示：表格；
}
.下拉内容{
显示：无；
边框：3倍纯色灰色；
}
.dropdown content.normal option.option、.dropdown content.option{
边框顶部：1px纯色灰色；
文本对齐：居中；
填充：2x10px；
光标：指针；
}
.dropdown内容。普通选项。选项：悬停。下拉内容。选项：悬停{
背景颜色：浅灰色；
}
.下拉标题{
边框：3倍纯色灰色；
填充：10px 20px；
光标：指针；
}

我的下拉列表
A.
B
C
D
E
加载更多

使用普通下拉菜单无法完成此操作。您需要使用一些自定义的下拉菜单实现。@LuisfelipedJesusMunoz是对的，也许您可以使用它：@Luis felipe De jesus Munoz您能推荐一些吗？我不知道该怎么做it@user3732711检查：好的，让我做一些你需要的基本实现，给我5分钟这应该是一个评论，没有答案。