html - 在 ASP.NET MVC5 View 中单击时下拉菜单不显示其元素

Question

当我单击下拉菜单时，它应该会显示其元素，但实际上并没有。我不知道为什么会这样。请告诉我应该在哪里进行更改以改进它

ul+li 下拉菜单不显示其元素

<div class="dropdown">
        <button class="btn dropdown-toggle" type="button" data-toggle="dropdown">
            Dropdown <span class="caret"></span>
        </button>
        <ul class="dropdown-menu" role="menu">
            <li role="presentation"><a href="#" role="menuitem" tabindex="-1">List Item 1</a></li>
            <li role="presentation"><a href="#" role="menuitem" tabindex="-1">List Item 1</a></li>
            <li role="presentation"><a href="#" role="menuitem" tabindex="-1">List Item 1</a></li>
            <li role="presentation"><a href="#" role="menuitem" tabindex="-1">List Item 1</a></li>
        </ul>
    </div>

下面给定的下拉菜单显示了它的元素，然后我如何创建带有选择和选项标签的大型下拉菜单。请指导我

<div class="dropdown" data-toggle="dropdown">
        <select name="colour" class="form-control">
            <option>Please Select</option>
            <option>red</option>
            <option>orange</option>
            <option>blue</option>
        </select>
    </div>

Answer 1

列表基本上只是用来列出元素。

为了使您的下拉列表起作用，您可以使用 select 和 option HTML 标记代替ul 和 li