Html DropDownListFor asp.net C#

Question

Could some please convert the following code to a standard html tag? Something like <select id="selectDomain" name="selectDomain">, IF it converts to a select tag.

@Html.DropDownListFor(x => x.domain, Enumerable.Empty<SelectListItem>(), "", new { id = "selectDomain", name = "selectDomain"})

If I understand correctly, doesn't x => x.domain mean id="domain" name="domain"? Is this code overwriting the name and id to selectDomain?

Finally, if it isn't convertible to an html tag, I want to add a class to the given code. I tried adding it inside the new{} like new{id="selectDomain", name="selectDomain", class="form-control"} section but it gave me error saying expected }

If you want to add a class attribute, you will need to use the '@' before 'class' because class is a reserved word: new{id="selectDomain", name="selectDomain", @class="form-control"} — Andy T
– Andy T, Commented Mar 30, 2016 at 15:00
@ElConrado haha am i really that dumb? doesn't really make much sense with all the attributes but I got it, thanks :P — Bivo Kasaju
– Bivo Kasaju, Commented Mar 30, 2016 at 15:05

teo van kot · Accepted Answer · 2016-03-30 15:04:40Z

2

You understand correctly if you write:

@Html.DropDownListFor(x => x.domain, Enumerable.Empty<SelectListItem>())

Razor will produce:

<select id="domain" name="domain"> </select>

It's better to use ViewModel and create property selectDomain in it and then:

@Html.DropDownListFor(x => x.selectDomain, Enumerable.Empty<SelectListItem>(), new { @class="form-control" })

Will make html that you want.

But if you don't want to do it you can use Html.DropDownList helper like this:

@Html.DropDownList("selectDomain",Enumerable.Empty<SelectListItem>(), new { @class="form-control" })

note escaped class with @ symbol.

answered Mar 30, 2016 at 15:04

teo van kot

12.5k10 gold badges41 silver badges73 bronze badges

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

4 Comments

Fedri Qrueger Over a year ago

I like the approach using viewmodel it makes the code more readable

teo van kot Over a year ago

@FedriQrueger yeap, that's clean MVC way

Bivo Kasaju Over a year ago

I have a ViewModel with domain as the property

teo van kot Over a year ago

@BivoKasaju Razor helpers uses your property name as name and id tag attributes value. So you should change property name if you want different output. Or just use DropDownList helper where you can pass name as param.

denisv · Accepted Answer · 2016-03-30 15:37:21Z

1

You can specify "name" with uppercase first letter (works in MVC5)

 @Html.DropDownListFor(x => x.domain, Enumerable.Empty<SelectListItem>(), "", new { id = "selectDomain", Name = "selectDomain"})

result:

  <select name="selectDomain" id="selectDomain">

edited Mar 30, 2016 at 15:37

answered Mar 30, 2016 at 15:13

denisv

3193 silver badges11 bronze badges

1 Comment

user3559349 Over a year ago

Never do this! It will ensure that model binding fails.

Collectives™ on Stack Overflow

Html DropDownListFor asp.net C#

2 Answers 2

4 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related