Adding the 'required' attribute with DropDownListFor

Question

I have this:

@Html.DropDownListFor(x => x.SelectedValue, new SelectList(Model.SomeList, "Value", "Text"))

And would like it to be rendered as this:

<select required>
    <option>...</option>
    ...

How would I do this?

possible duplicate of [Validating required selection in DropDownList](http://stackoverflow.com/questions/4672289/validating-required-selection-in-dropdownlist) — Tim S., Sep 09 '13 at 18:50
Side note, http://www.w3schools.com/tags/att_select_required.asp, according to w3c it isn't supported yet. — Yuriy Faktorovich, Sep 09 '13 at 18:51
@RômuloSpier `[Required]` isn't a valid keyword apparently. Do I have to put any `using` statements or etc for it to work? — idlackage, Sep 09 '13 at 18:57
@idlackage, yes you should add `using System.ComponentModel.DataAnnotations;` — Rômulo Spier, Sep 09 '13 at 19:06
The Required attribute won't achieve the element you're looking for. @TimS. this isn't a duplicate of that question, it's new functionality in HTML 5. — Yuriy Faktorovich, Sep 09 '13 at 19:12

score 33 · Accepted Answer · edited Jan 18 '16 at 16:28

33

Use this:

@Html.DropDownListFor(x => x.SelectedValue, new SelectList(Model.SomeList, "Value", "Text"), new {required = "required"})

It won't achieve the shorthand <select required but it should have the same effect. Although I've found you could achieve that exact element using

@Html.DropDownListFor(x => x.SelectedValue, new SelectList(Model.SomeList, "Value", "Text"), new {required = (string)null})

Which is a little ugly.

edited Jan 18 '16 at 16:28

maxshuty

9,708
13
64
77

answered Sep 09 '13 at 19:05

Yuriy Faktorovich

67,283
14
105
142

1

`new {required = String.Empty}` might do it as well - I'm about to try it :) – noseratio Aug 11 '16 at 03:39
1

`new { required = default(string) }` generates the shorthand ` – Daniel Müller Jun 24 '20 at 15:20

score 0 · Answer 2 · answered Oct 26 '16 at 14:41

0

VB.NET

@Html.DropDownListFor(Function(Model) Model.ProgramTypeId, New SelectList(Model.allPrograms, 
"ProgramTypeId", "ProgramName"), "Select Program....", 
New With {Key .class = "form-control", Key .required = "Required"})

answered Oct 26 '16 at 14:41

JoshYates1980

3,476
2
36
57

score 0 · Answer 3 · edited Dec 29 '17 at 20:24

0

Try the following

@Html.DropDownList("PlanType", null, "Select Plan Type", htmlAttributes: new { @class = "form-control", required = "Select Plan Type" })

edited Dec 29 '17 at 20:24

ramrunner

1,362
10
20

answered Dec 29 '17 at 20:03

Manoj Tripathi

1

Adding the 'required' attribute with DropDownListFor

3 Answers3