How to generate dropdownlist in asp.net MVC razor

Question

In my razor I am generating dropdown list like this.

    @{
        var listItems = new List<ListItem> 
        { 
              new ListItem { Text = "Home To School", Value = "0" }, 
              new ListItem { Text = "School To Home", Value = "1" } 
        };
    }

@Html.DropDownList("Direction", new SelectList(listItems),new {onchange = "getAlldata()"})

HTML generated from this is like this

<select id="Direction" name="Direction" onchange="getAlldata()">
<option>Home To School</option>
<option>School To Home</option>
</select>

but I want to generate HTML something like this

<select id="Direction" name="Direction" onchange="getAlldata()">
<option value="0">Home To School</option>
<option value="1">School To Home</option>
</select>

How can I do this.

ePezhman · Accepted Answer · 2013-04-19 07:29:31Z

29

Use it like this

@Html.DropDownList("Direction", new SelectList(listItems , "Value" , "Text"),new {onchange = "getAlldata()"})

answered Apr 19, 2013 at 7:29

ePezhman

4,0107 gold badges47 silver badges83 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

shim Over a year ago

Where do you put the definition of the function "getAlldata()" ?

user3559349 Over a year ago

Or simply @Html.DropDownList("Direction", llistItems, new {onchange = "getAlldata()"}) - its pointless extra ovrhead to create a second SelectList from the existing one

Konrad Gadzina · Accepted Answer · 2013-04-19 07:38:35Z

6

Here are some examples of how to build DropDownList with Razor, like one with using SelectListItem:

public ActionResult Index()
{
  var db = new NorthwindEntities();
  IEnumerable<SelectListItem> items = db.Categories
    .Select(c => new SelectListItem
                   {
                     Value = c.CategoryID.ToString(), 
                     Text = c.CategoryName
                   });
  ViewBag.CategoryID = items;
  return View();
}

EDIT:

Check this:

@Html.DropDownList("Direction", new List<SelectListItem>
{
  new SelectListItem{ Text = "Home To School", Value = "0" },
  new SelectListItem{ Text = "School To Home", Value = "1" } 
},new {onchange = "getAlldata()"})

edited Apr 19, 2013 at 7:38

answered Apr 19, 2013 at 7:22

Konrad Gadzina

3,4021 gold badge21 silver badges29 bronze badges

4 Comments

vaibhav shah Over a year ago

I have to generate my dropdown list in view only. Also It is static as shown in my question.

Konrad Gadzina Over a year ago

@vaibhavshah It was just an example of using collection of SelectListItem qouted from the article to show one way of doing this, I don't understand the -1. I added another way adapted to your data now.

Konrad Gadzina Over a year ago

@vaibhavshah Could you please explain this -1? I gave you article with different answers for this issue and quoted one of them. I see no reason of downvoting.

shim Over a year ago

Where does the definition of getAlldata() go?

Collectives™ on Stack Overflow

How to generate dropdownlist in asp.net MVC razor

2 Answers 2

2 Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related