---
title: "How to create Optgroup In Dropdownlist .Net MVC 4‎?"  
description: "How to create Optgroup In Dropdownlist .Net MVC 4‎?"  
author: "Anonymous User"  
published: 2015-02-11  
updated: 2015-02-11  
canonical: https://www.mindstick.com/forum/12955/how-to-create-optgroup-in-dropdownlist-dot-net-mvc-4  
category: ".net"  
tags: [".net", "mvc4"]  
reading_time: 2 minutes  

---

# How to create Optgroup In Dropdownlist .Net MVC 4‎?

How to create Optgroup In [Dropdownlist](https://www.mindstick.com/articles/324837/how-to-bind-dropdownlist-in-mvc-core-from-database-using-entity-framework) .Net [MVC](https://www.mindstick.com/forum/155803/define-cache-profile-in-mvc) 4‎?

## Replies

### Reply by Tom Cruser

**First need to create database context.**\

```
MvcApplication1.Models.Database1Context db = new MvcApplication1.Models.Database1Context();    var data = db.locations.ToList().Select(t => new GroupedSelectListItem    {        GroupKey = t.location_group_id.ToString(),        GroupName = t.location_group.name,        Text = t.name,        Value = t.id.ToString()    });
```

\
**Razor View:**

```
@Html.DropDownGroupListFor(m => m.location_id, data, "-- Select --", new {             @data_val = "true",  // for Required Validation            @data_val_required = "The Name field is required." // for Required Validation        })
```

\
\
**Fill static data:**

```
IEnumerable<GroupedSelectListItem> item;    item = new List<GroupedSelectListItem> {         new GroupedSelectListItem() { Value="volvo", Text="Volvo", GroupName="Swedish Cars", GroupKey="1", Disabled=true },        new GroupedSelectListItem() { Value="saab", Text="Saab",GroupName="Swedish Cars", GroupKey="1" },         new GroupedSelectListItem() { Value="mercedes", Text="Mercedes", GroupName="German Cars", GroupKey="2" },        new GroupedSelectListItem() { Value="audi", Text="Audi", GroupName="German Cars", GroupKey="2",Selected=true }};Razor View:@using (Ajax.BeginForm("Index", null, new AjaxOptions { HttpMethod = "post" }, new { id = "frm" }))    {        @Html.DropDownGroupList("Cars", item, "-- Select Car --",             new Dictionary<string, object>() {                 { "data-val", "true" },                 { "data-val-required", "The Car field is required." }             })        <input type="submit" name="name" value="Send" />    }
```

\
\
**Output:****\**![How to create Optgroup In Dropdownlist .Net MVC 4‎?](https://www.mindstick.com/mindstickforums/1ca7f5b3-f551-43e5-9ec7-279cd1de4234/images/9404d251-0637-4d80-9b20-1a2216b12676.png)**\**\


---

Original Source: https://www.mindstick.com/forum/12955/how-to-create-optgroup-in-dropdownlist-dot-net-mvc-4

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.
