ASP.NET MVC Razor: Add empty value to a DropDownList

Question

I tried for hours to get it work, but now I have to ask..

As read in
/942262/add-empty-value-to-a-dropdownlist-in-asp-net-mvc and /3780614/mvc-clear-default-selected-value-of-selectlist
I want to add an empty space to dropdown lists in my ASP.NET MVC Razor WebApp with Entity Framework 5 to force the user for an input.

I followed the informations, but what happend in the View is that: https://i.sstatic.net/EXSgT.png
So, as you see, there is an empty space, but it isn't selected by default. Instead, my "testproject", as first value from my controller, is marked.. Not the empty space. So where did I fail?

Thanks a lot.

My model looks like that:

    [...]
    using System.Web.Mvc;

    public class UploadTranferContainer
    {    
         [DisplayName("Project")]
         public int ProjectID { get; set; }

         public SelectList Projects { get; set; }
    }

My controller fills the data in like:

    UploadTranferContainer container = new UploadTranferContainer();
    container.Projects = new SelectList(db.Projects.AsEnumerable(), "ProjectID", "ProjectName");

And the view unpacks my container like:

        <div class="editor-label metadataLabel">
            @Html.LabelFor(x => x.ProjectID)
        </div>
        <div class="editor-field">
            @Html.DropDownListFor(x => x.ProjectID, Model.Projects, string.Empty)
        </div>

The selected value of the dropdown will be the value (if found) of Model.ProjectID in this case. If you want this to appear as the first (empty) option of the select, make sure the value of ProjectID is not contained in the select list items Model.Projects. — Jay
– Jay, Commented Dec 3, 2013 at 20:57

Rajshee Turakhia · Accepted Answer · 2016-10-15 12:41:42Z

5

you can use below approach for dropdown with empty values

@Html.DropDownListFor(x => x.ProjectID, new SelectList(Model.Projects, "ProjectID", "ProjectName"), " ")

answered Oct 15, 2016 at 12:41

Rajshee Turakhia

2742 silver badges7 bronze badges

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

Comments

Jay · Accepted Answer · 2013-12-03 22:24:28Z

4

The selected value of the dropdown will be the value (if found) of Model.ProjectID

If you want this to appear as the first (empty) option of the select, make sure the value of ProjectID is not contained in the select list items Model.Projects

answered Dec 3, 2013 at 22:24

Jay

6,3044 gold badges22 silver badges23 bronze badges

Comments

Arun Prasad E S · Accepted Answer · 2016-05-08 18:07:12Z

0

Allows to create a empty list item

var area = new[] { new tbl_Area { AreaID = -1, AreaName = "Please Select Main Area" } };

or

ViewBag.SubAreaList = new[] { new tbl_Area { AreaID = -1, AreaName = "Please Select Main Area" } };

razor

@Html.DropDownList("DdlSubAreas", new SelectList(ViewBag.SubAreaList, "AreaID", "AreaName"), new { size = "10" });

tbl_Area can be a class or datamodel

class tbl_Area{
   public int AreaID {get;set;}
   public string AreaName {get;set;}
}

answered May 8, 2016 at 18:07

Arun Prasad E S

10.2k8 gold badges81 silver badges94 bronze badges

Collectives™ on Stack Overflow

ASP.NET MVC Razor: Add empty value to a DropDownList

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related