MVC - Show list of strings in DropDownList

Question

Based on this code (auto-generated Control/View code from Visual Studio):

<div class="form-group">
    @Html.LabelFor(model => model.Type, htmlAttributes: new { @class = "control-label col-md-2" })
    <div class="col-md-10">
        @*Comment: Want to replace EditorFor to DropDownList("Banana, "Apple", "Orange"*@
        @Html.EditorFor(model => model.Type, new { htmlAttributes = new { @class = "form-control" } })*@
        @Html.ValidationMessageFor(model => model.Type, "", new { @class = "text-danger" })
    </div>
</div>

I would like to add something similar like:

@Html.DropDownList("UserId", null, htmlAttributes: new { @class = "form-control" })

(also auto-generated code, but for UserId) instead of @html.EditorFor...

I was able to see list of UserName(value = Id) from db via Controller:

ViewBag.UserId = new SelectList(db.Users, "Id", "UserName", Test.UserId);

Now, I don't want that ViewBag read from database, instead I want it to list 3 different strings that I will use to let user to chose for indata(meaning, limit them to choice one of these 3 string instead writing it).

Strings I want it to list:

"Banana"
"Apple"
"Orange"

How do I do that?

Manish Sharma · Accepted Answer · 2016-09-29 14:01:02Z

2

Try this,

@Html.DropDownList("DropDown", new List<SelectListItem>
                                 { new SelectListItem { Text = "Banana", Value = "1", Selected=true},
                                   new SelectListItem { Text = "Apple", Value = "2"},
                                   new SelectListItem { Text = "Orange", Value = "3"}
                                   }, "Select Fruit")

OR

Get value in model

@Html.DropDownListFor(x => x.Id, new List<SelectListItem>
                                 { new SelectListItem { Text = "Banana", Value = "1", Selected=true},
                                   new SelectListItem { Text = "Apple", Value = "2"},
                                   new SelectListItem { Text = "Orange", Value = "3"}
                                   }, "Select Fruit")

answered Sep 29, 2016 at 14:01

Manish Sharma

2,4562 gold badges18 silver badges33 bronze badges

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

2 Comments

Nyprez Over a year ago

Thanks it works well! Just a question, is this still a proper way in work area(e.g. average safety) or should I consider other solution?

Manish Sharma Over a year ago

@Nyprez Yes, Both are proper way. If you want selected value in your model than use second option otherwise first.

Łukasz Trzewik · Accepted Answer · 2016-09-29 13:53:30Z

0

Simply change what you are assigning to ViewBag.UserId f.e. like this:

var fruits = new List<string> { "Banana", "Apple", "Orange" };
ViewBag.Fruits = fruits.Select(f => new SelectListItem { Text = f, Value = f });

answered Sep 29, 2016 at 13:53

Łukasz Trzewik

1,1652 gold badges11 silver badges27 bronze badges

2 Comments

Nyprez Over a year ago

Using @Html.DropDownList("Fruits", null, htmlAttributes: new { @class = "form-control" }) in View gave me the error: There is no ViewData item of type 'IEnumerable<SelectListItem>' that has the key 'Fruits'.. What am I doing wrong?

Łukasz Trzewik Over a year ago

As a second parameter you have to pass the ViewBag.Fruits like this: @Html.DropDownList("Fruits", ViewBag.Fruits, htmlAttributes: new { @class = "form-control" })

Sparrow · Accepted Answer · 2016-09-29 13:57:14Z

0

This is how you can build your list items:

ViewBag.Fruits = new SelectList(
    new List<SelectListItem>
    {
        new SelectListItem { Selected = true, Text = string.Empty, Value = "-1"},
        new SelectListItem { Selected = false, Text = "Banana", Value = 0},
        new SelectListItem { Selected = false, Text = "Apple", Value = 1},
    }, "Value" , "Text", 1);

answered Sep 29, 2016 at 13:57

Sparrow

2,5731 gold badge26 silver badges28 bronze badges

1 Comment

Nyprez Over a year ago

Tried to call it in view by: @Html.DropDownList("Fruits", null, htmlAttributes: new { @class = "form-control" }) but I get the error: There is no ViewData item of type 'IEnumerable<SelectListItem>' that has the key 'Fruits'.

Cinchoo · Accepted Answer · 2016-09-29 14:00:02Z

0

Here is another way of doing it using enum

public enum Fruit { Banana, Apple, Orange }

@Html.DropDownList("FruitSelection", 
                    new SelectList(Enum.GetValues(typeof(Fruit))),
                    "Select Fruit",
                    new { @class = "form-control" })

answered Sep 29, 2016 at 14:00

Cinchoo

6,3562 gold badges21 silver badges36 bronze badges

1 Comment

Nyprez Over a year ago

Do I add public enum Fruit in controller? If I do so, I get the error "Cant resolve symbol 'Fruit'" and for the other 3 as well.

Aladein · Accepted Answer · 2021-05-14 23:49:05Z

0

MVC Controler

  ViewBag.PageSort = new List <SelectListItem> ()
         {
             new SelectListItem () {Value = "1", Text = "Discounts"},
             new SelectListItem () {Value = "2", Text = "New Items"},
             new SelectListItem () {Value = "3", Text = "Lowest Price"},
             new SelectListItem () {Value = "4", Text = "Highest Price"}
         };

in View

@Html.DropDownList("PageSort", ViewBag.PageSortas SelectList, "- Select Sort -", new { @id = "SortID", @name = "SortID", @class = "form-control" })

answered May 14, 2021 at 23:49

Aladein

3123 silver badges14 bronze badges

Collectives™ on Stack Overflow

MVC - Show list of strings in DropDownList

5 Answers 5

2 Comments

2 Comments

1 Comment

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

2 Comments

2 Comments

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related