Javascript 如何使用引导下拉列表获取提交时的文本？

通常情况下，我会使用

select

和

option

编写下拉列表，但不知怎的，我是通过使用使用锚点的引导下拉列表来实现的

在引导中使用示例

<div class="dropdown">
  <a class="btn btn-secondary dropdown-toggle" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Dropdown link
  </a>

  <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
    <a class="dropdown-item" href="#">Action</a>
    <a class="dropdown-item" href="#">Another action</a>
    <a class="dropdown-item" href="#">Something else here</a>
  </div>
</div>
<button class="get-value-btn">Get value / text</button>

获取值/文本

如果我想在使用

jQuery

单击

get value/text

时获取值，我该怎么做？通常使用select时，它是直截了当的，但我从来没有这样做过

---

提前感谢您的建议。

引导下拉列表不是真正的下拉列表，因此没有保存值和/或文本的选项。您仍然可以使用jQuery

data-*

属性存储它们，但这不是引导下拉列表的用途。您可以告诉引导下拉列表在选择一个选项后不会显示所选选项。不管怎么说，使用Bootstrap中的

.form control

样式进行正常选择有什么问题？@DavidLiang感谢您的响应，但是即使使用

data-*

我怎么知道选择了哪个值呢？使用

.formcontrol

的正常选择没有任何问题，因为我通常也会使用它。只是这部分不是我写的，我发现了一个bug。简而言之，如果不需要的话，我尽量不做太多改变，因为我不确定这是否会因为任何原因导致很多其他问题。。我还没来得及完成它，但这里有一个基本的想法：你通过数据属性存储值，然后你必须连接许多事件1）更新下拉开关的文本，使其成为选中的文本2）在选中的选项上添加

.active

类，并将其从所有其他选项中删除。一旦这些都设置好了，那么只需编写更多的jquery就可以获得具有

.active

类的选项，并删除存储在dataattribute中的值。这只是很多工作。同样，引导下拉列表适用于样式，但不适用于存储表单等值element@DavidLiang我几乎明白你的意思了。非常感谢