引导下拉列表的值不会改变

Question

我正在使用引导下拉列表，其行为与 html 选择下拉列表完全相同。但是在bootstrap 网站上，当我更改下拉菜单时，我实际上没有一个下拉菜单更改它在跨度或输入选项卡中的值。

我也在寻找更改项目时发生的更改事件。

但我尝试尽可能多地映射：

我正在做以下事情：

<div class="btn-group" data-select="true">
      <a class="btn btn-small dropdown-toggle" data-toggle="dropdown" href="#">
        <span class='dropdown-display'>5</span>
        <i class='caret'></i>
      </a>
      <input type='hidden' value='5' class='dropdown-field spec-no-of-rows' />
      <ul class="dropdown-menu">
        <li><a href="#" data-value="5">5</a></li>
        <li><a href="#" data-value="10">10</a></li>
        <li><a href="#" data-value="20">20</a></li>
        <li><a href="#" data-value="50">50</a></li>
        <li><a href="#" data-value="100">100</a></li>
        <li><a href="#" data-value="500">500</a></li>
        <li><a href="#" data-value="1000">1000</a></li>
      </ul>
    </div>

我已经包含了 boostrap 和 bootsrap-dropdown 和 bootsrap-select。

当我单击该框时，不会出现任何下拉菜单，也不会触发任何事件。我做错了什么。

那么我可以在引导程序中拥有完全相同的 html 选择行为吗？

Answer 1

我忘了添加我的javascript：

$('div[data-select=true]').dropSelect();

现在一切顺利。