How to put class inside Html.Dropdownlist?

Question

I have this bizarre question, but it is bothering me a lot. I have this css class:

class="form-control"

And I need to use it in my DropDown:

@Html.DropDownList("destination", ((SelectList)ViewBag.DropList).Select(t => new SelectListItem() { Text = t.Text, Value = t.Text, Selected = (t.Text == ViewBag.Destination)}), (SelectList)ViewBag.DropList)

DaniKR · Accepted Answer · 2014-07-28 09:55:25Z

6

It seems you are trying to set the SelectedValue of a SelectList within the DropDownList helper which is not possible.

You have to set the SelectedValue property when you create the SelectList. See following example.

ViewBag.DropList = new SelectList(new[]{
    new SelectListItem{ Text="one", Value="1"},
    new SelectListItem{ Text="two", Value="2"},
    new SelectListItem{ Text="three", Value="3"}
    }, "Value", "Text", 2);

In the above code, I have set 2 as selected item when the SelectList is initialized. After that you can pass the SelectList and HTML attributes as below.

@Html.DropDownList("destination", (SelectList)ViewBag.DropList, new { @class = "form-control" })

Thanks!

Solution:

@Html.DropDownList("destination", ((SelectList)ViewBag.DropList).Select(t => new SelectListItem() {Text = t.Text, Value = t.Text, Selected = (t.Text == ViewBag.Destination)}), new{@class="form-control"})

edited Jul 28, 2014 at 9:55

DaniKR

2,44810 gold badges42 silver badges50 bronze badges

answered Jul 28, 2014 at 4:04

Saranga

3,2281 gold badge20 silver badges26 bronze badges

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

4 Comments

DaniKR Over a year ago

Can you help me to edit my code for DropDownList in controller. I have post it in my question...

Saranga Over a year ago

Is this DropDownList for CustomTypes ? Does parameters.Destination contains the selected value ?

DaniKR Over a year ago

I have solve it, I will post solution in your answer. Thanks man, your answer works :D

Saranga Over a year ago

Did you post it ? I didn't delete anything.

Douglas · Accepted Answer · 2014-07-27 21:30:23Z

1

The last argument can be an object with html attributes, see msdn:

@Html.DropDownList("destination", ..., new { @class = "form-control" })

answered Jul 27, 2014 at 21:30

Douglas

37.8k9 gold badges80 silver badges91 bronze badges

2 Comments

Douglas Over a year ago

Could you post the latest version of the code? Does it match one of these signatures? msdn.microsoft.com/en-us/library/…

DaniKR Over a year ago

Error is this: CS1928: 'System.Web.Mvc.HtmlHelper<AdminRole.Models.SpremenljivkeView>' does not contain a definition for 'DropDownList' and the best extension method overload 'System.Web.Mvc.Html.SelectExtensions.DropDownList(System.Web.Mvc.HtmlHelper, string, System.Collections.Generic.IEnumerable<System.Web.Mvc.SelectListItem>, string, object)' has some invalid arguments

Collectives™ on Stack Overflow

How to put class inside Html.Dropdownlist?

2 Answers 2

4 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related