Adding a class to HTML.DropDownListFor

Question

I am trying to add a class assignment to the following line of code,

        @Html.DropDownListFor(model => model.Business, new SelectList(
              new List<Object>{
                   new { ... },
                   new { ... },
                   new { ... }
                },
              "value",
              "text",
              2))

One answer given on this site (HTML.DropDownListFor class assignment) suggested adding it as an overload method that takes a 'object htmlAttributes' as the last parameter. However, I can not see this parameter as an option so I'm a bit confused how this is possible.

In my example I am using every overload method possible and there is none for htmlattributes.

Tim · Accepted Answer · 2015-02-10 15:47:30Z

4

Four of the DropDownListFor overloads have HTML Attributes as their last parameter. This one is probably the easiest. Modifying your example, it becomes:

@Html.DropDownListFor(model => model.Business, 
                      new SelectList(
                          new List<Object>{
                              new { ... },
                              new { ... },
                              new { ... }
                          },
                          "value",
                          "text",
                          2),
                      new {
                          @class = "myclass"
                      })

answered Feb 10, 2015 at 15:47

Tim

15.3k1 gold badge48 silver badges70 bronze badges

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

1 Comment

user3407039 Over a year ago

Thanks, I was stupidly trying to add it in within the actual select statement part. This works great now.

Ehsan Sajjad · Accepted Answer · 2015-02-10 16:00:02Z

Use following overload:

public static MvcHtmlString DropDownListFor<TModel, TProperty>(
this HtmlHelper<TModel> htmlHelper,
Expression<Func<TModel, TProperty>> expression,
IEnumerable<SelectListItem> selectList,
IDictionary<string, Object> htmlAttributes
)

Here is MSDN docs of the overload

do this way:

@Html.DropDownListFor(model => model.Business, 
                      new SelectList(new List<Object>
                                 { 
                                  new { ... },
                                  new { ... },
                                  new { ... } 
                                }, 
                                "value", "text", 2),
                     new { @class ="YourClass"})

or following overload will also work:

public static MvcHtmlString DropDownListFor<TModel, TProperty>(
this HtmlHelper<TModel> htmlHelper,
Expression<Func<TModel, TProperty>> expression,
IEnumerable<SelectListItem> selectList,
string optionLabel,
IDictionary<string, Object> htmlAttributes
)

this way:

@Html.DropDownListFor(model => model.Business, 
                      new SelectList(new List<Object> 
                                        { 
                                         new { ... }, 
                                         new { ... },
                                        }, "value", "text", 2), 
                      null,new { @class ="YourClass"})

MSDN docs of the overload

Collectives™ on Stack Overflow

Adding a class to HTML.DropDownListFor

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related