How to use Dropdown list in cshtml

Question

How to use dropdown list in cshtml? I am using below code ,Now it looks like general HTML but problem is not apply the bootstrap styles.

<div class="col-md-10">

            @{
List<SelectListItem> listItems = new List<SelectListItem>();
listItems.Add(new SelectListItem
     {
         Text = "AtlantaPort",
         Value = "AtlantaPort"
     });
listItems.Add(new SelectListItem
     {
         Text = "NewJersyTerminal",
         Value = "NewJersyTerminal",
         Selected = true
     });
listItems.Add(new SelectListItem
     {
         Text = "AWS",
         Value = "AWS"
     });
            }

            @Html.DropDownListFor(model => model.PortORterminal, listItems, "AtlantaPort", new { htmlAttributes = new { @class = "form-control", } })                        )
        </div>

Thanks in Advance

Could you please clarify your intent? Your question is open ended and vague. — curiousdork
– curiousdork, Commented Mar 6, 2015 at 15:53

Lucas L Roselli · Accepted Answer · 2015-03-10 20:01:30Z

8

Use :

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

Your code edited:

         @{
List<SelectListItem> listItems = new List<SelectListItem>();
listItems.Add(new SelectListItem
  {
      Text = "AtlantaPort",
      Value = "AtlantaPort"
  });
listItems.Add(new SelectListItem
 {
     Text = "NewJersyTerminal",
     Value = "NewJersyTerminal",
     Selected = true
 });
listItems.Add(new SelectListItem
 {
     Text = "AWS",
     Value = "AWS"
 });
        }

 @Html.DropDownList("yourDropName", listItems, new { @class = "form-control" })
    </div>

answered Mar 10, 2015 at 20:01

Lucas L Roselli

2,8301 gold badge17 silver badges18 bronze badges

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

Comments

Phil · Accepted Answer · 2015-12-21 19:17:40Z

2

Try replacing your last line with this:

@Html.DropDownListFor(model => model.PortORterminal, listItems, "AtlantaPort", new { @class = "form-control", } )

answered Dec 21, 2015 at 19:17

Phil

211 bronze badge

Collectives™ on Stack Overflow

How to use Dropdown list in cshtml

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related