Question

<li class="nav-item dropdown">
                <a class="nav-link dropdown-toggle toggle2" href="#" id="navbarDropdown2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                    Material Type
                </a>


                <div class="dropdown-menu menu2" aria-labelledby="navbarDropdown2">
                    <a class="dropdown-item">Mud</a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item">Cloth</a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item">Thread</a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item">Jute</a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item">Cotton</a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item">Cane</a>
                    <div class="dropdown-divider"></div>
                    <a class="dropdown-item">Bamboo</a>
                </div>
            </li>

选择后面的内容后，我可以从菜单中获取值吗？

var email=document.getElementById('signUpEmail').value;

这样我就可以在ajax中使用这个变量了。

修改
由于@Timir建议使用select，然后菜单看起来像

<li class="nav-item">
<select class="custom-select custom-select-lg mb-3" id="mydropdown">
  <option selected>Material Type</option>
  <option value="Mud">Mud</option>
  <option value="Cloth">Cloth</option>
  <option value="Thread">Thread</option>
  <option value="Jute">Jute</option>
  <option value="Cotton">Cotton</option>
  <option value="Can">Can</option>
  <option value="Bamboo">Bamboo</option>
</select>
</li>

Answer 1

选择后面的内容后，我可以从菜单中获取值吗？

不，没有输入来检索它们的值。但您可以在链接中获取文本，如

$('.menu2 a.dropdown-item').on('click', function(){
    $(this).text()
});

Answer 2

把它变成一个选择，给它一个id，然后说： $(“#mydropdown option:selected”).val();

Answer 3

对于JavaScript中的所有内容，都有一些解决方法。包括这个。在不使用JQuery的情况下，您可以添加事件侦听器，也可以在每个选项或锚标记中添加一个onlick。当您单击下拉菜单并设置选项时，它将调用设置变量的函数。因此，即使没有输入框，您也只是在设置全局变量。然后，您可以将该变量用作表单的一部分，或者计划使用它。

如何从bootstrap 4的下拉菜单中获取价值？

3 个答案: