Html 在ASP.NET MVC5视图中单击时，下拉菜单不显示其项

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

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>

请选择
红色
橙色
蓝色

列表基本上只用于列出元素

---

为了使下拉列表正常工作，您可以使用select和optionHTML标记，而不是ul，li，列表基本上只用于列出元素

---

为了使下拉列表正常工作，您可以使用select和optionHTML标记，而不是ul和li

您可以对多级下拉列表使用optgroup标记。它很容易实现，您可以获得许多文章来帮助您。

您可以使用optgroup标记来创建多级下拉列表。它很容易实现，你可以得到很多文章来帮助你。

任何人都可以修改它来创建mega下拉菜单，请添加更多信息。感谢您的合作：-）

项目1
项目2
项目3
项目4
项目1
项目2
项目3
项目4
衣裳
食品

任何人都可以修改它来创建mega下拉菜单，请添加更多信息。感谢您的合作：-）

项目1
项目2
项目3
项目4
项目1
项目2
项目3
项目4
衣裳
食品

请再次查看问题，我用第二个下拉菜单更新了它再次查看问题，我用第二个下拉菜单更新了它。如果您能分享一个样本，我将感谢您：-）您能分享一个样本吗，请，我将感谢您：-）

<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>