下拉菜单在 ASP.NET MVC5 视图中单击时未显示其项目答案

【问题标题】：Dropdown menu not showing its Items on Click in ASP.NET MVC5 View下拉菜单在 ASP.NET MVC5 视图中单击时未显示其项目
【发布时间】：2016-06-19 11:42:19
【问题描述】：

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

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>

【问题讨论】：

标签： html css twitter-bootstrap model-view-controller

【解决方案1】：

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

为了使您的下拉列表正常工作，您可以使用 select 和 option HTML 标签代替ul 和 li

【讨论】：

请再次查看问题，我用第二个下拉菜单更新了它

【解决方案2】：

您可以将 optgroup 标签用于多级下拉列表。它易于实施，您可以获得大量文章来帮助您。

【讨论】：

你能分享一个样本吗，我会感谢你的 :-)

【解决方案3】：

任何人都可以修改它以创建大型下拉菜单，请添加更多信息。您的合作将不胜感激:-)

<div class="dropdown" data-toggle="dropdown">
        <select name="Items" class="form-control">
            <optgroup label="Group 1">
                <option>Item 1</option>
                <option>Item 2</option>
                <option>Item 3</option>
                <option>Item 4</option>
            </optgroup>
            <optgroup label="Group 2">
                <option>Item 1</option>
                <option>Item 2</option>
                <option>Item 3</option>
                <option>Item 4</option>
            </optgroup>
            <option>Clothes</option>
            <option>Foods</option>
        </select>
    </div>

【讨论】：