如何使 DropDownList 项目按类别分组答案

【问题标题】：How to make DropDownList items grouped by category如何使 DropDownList 项目按类别分组
【发布时间】：2014-11-14 15:27:46
【问题描述】：

我有一个 DropDownList，我想按类别对其值进行分组。

在 ASP.NET MVC 3 中包含不同类别/组下的选项的最佳实践和可能显示正确提交表单的一些代码示例是什么。

示例

在上面的示例中，我希望类别可折叠且不显示单选按钮。同样，当单击时，该类别应展开以显示该类别下的可用单选按钮选项，仅允许选择一个选项。我对跟踪类别的值不感兴趣，我希望在提交表单时得到父类别下所选选项的值。

有人在 MVC 3 和 jQuery 中做过类似或相关的事情吗？

【问题讨论】：

在 MVC 5 中有一些对分组下拉菜单的基本支持。Refer example 但<select> 控件是由基于操作系统的浏览器呈现的，而不是 html，因此您几乎没有控制权。您需要创建自己的 html 助手来呈现您想要的 html 并创建一个 jquery 插件来处理事件。我写了this article on CodeProject，解释了你如何去做。

标签： javascript jquery asp.net-mvc asp.net-mvc-3 drop-down-menu

【解决方案1】：

您可以使用 HTML 中的来做类似的事情。

<select>
  <optgroup label="Parent 1">
    <option value="1">sub category 1</option>
    <option value="2">sub category 2</option>   
  </optgroup>
  <optgroup label="Parent 2">
    <option value="3">sub category 1</option>
    <option value="4">sub category 2</option>
  </optgroup>
</select>

用您的模态数据替换数据。

【讨论】：