Question

我有一个bootstrap 4下拉框（如下面的代码所示），我需要它表现得像HTML中的常规<select>框。我的情况是我在单独的文件中有一些AJAX脚本，需要选择器框来启动并将用户选择的值传递给它。使用以下脚本，我能够很好地实现这一点：

<select id="menu">
      <opotion value='capacitors'>Capacitors</a>
      <option value='inductors'>Inductors</a>
      <option value='resistors'>Resistors</a>
      <option value='miscellaneous'>Miscellaneous</a>
 </select>

AJAX脚本将像这样识别id="menu"：

$(document).ready(function(){
            $('#menu').change(function(){
                //Selected value
                var tableoptions = $(this).val();

然后执行必要的操作。
现在，为了使我的网站看起来更好，我开始研究引导程序。

据我所知，

以下是等效的引导程序选择框。但是我无法使其表现出与上述相同的方式。任何建议都非常感谢，谢谢！

<li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                      Select Device
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbarDropdown">
                        <a class="dropdown-item" value='capacitors'>Capacitors</a>
                        <a class="dropdown-item" value='inductors'>Inductors</a>
                        <a class="dropdown-item" value='resistors'>Resistors</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" value='miscellaneous'>Miscellaneous</a>
                    </div>
                </li>

Bootstrap 4下拉框问题

0 个答案: