Javascript 具有不同样式的引导下拉菜单

我正在做一个小项目，我需要使用下拉列表，我看到了一个没有默认样式的不错的下拉列表

我所需要的只是展示我如何做同样的事情

---

示例：

只需将相同的库和相同的脚本包含在项目中即可 试试这个

链接：

脚本：

---

在这里，您将发现其易于实现的方法

示例：使用引导CDN运行此操作

<!-- Split button -->
<div class="btn-group">
  <button type="button" class="btn btn-danger">Action</button>
  <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    <span class="caret"></span>
    <span class="sr-only">Toggle Dropdown</span>
  </button>
  <ul class="dropdown-menu">
    <li><a href="#">Action</a></li>
    <li><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Separated link</a></li>
  </ul>
</div>

行动
切换下拉列表

---

希望您获得所需的：）

您可以通过在URL开头添加“查看源代码：”来检查源代码（查看源代码：），或者右键单击该页面并单击“查看源代码”。非常感谢这是bootstrap的基本功能，所需的功能有所不同。不过，我真的很感谢你的帮助谢谢@Akitha_MJ，我知道它是如何与基本的工作，但我需要它没有造型，我得到了它。谢谢你的帮助。