DropDownListFor 选择后显示框为空

Question

问题：

您好，我的 DropDownListFor 突然出现问题，它工作得很好。我正在对我的网络应用程序进行一些样式设置，但在 dropdownlistfor 上没有更改任何内容

 <!-- Genre -->
    <div class="form-group">
        @Html.LabelFor(m => m.Genre)
        @Html.DropDownListFor(m => m.Genre, new SelectList(Model.Genres.OrderBy(n=>n.Name), "Id", "Name"), "Select Genre", new { @class = "form-control" })
        @Html.ValidationMessageFor(m => m.Genre)
    </div>

在控制器中

 [Authorize]
    public ActionResult Create()
    {
        var viewModel = new GigFormViewModel
        {
            Genres = _context.Genres.ToList()
        };

        return View(viewModel);
    }

好的，这是我的问题的视觉效果：

Blank display box

Yet the item is selected and will save properly to database

所以困扰我的只是视觉上的事情..保存，其他一切都很好。

我什至检查了项目的元素和颜色是黑色的尝试更改显示框的背景以防字体为白色所以我可以看到它但是不，选择根本不显示。

编辑：视图模型->

 public class GigFormViewModel
{

    [Required]
    public string Name { get; set; }

    [Required]
    public string Venue { get; set; }

    [Required]
    [FutureDate]
    public string Date { get; set; }

    [Required]
    [ValidTime]
    public string Time { get; set; }

    [Required]
    public int Genre { get; set; }

    public IEnumerable<Genre> Genres { get; set; }

    public DateTime GetDateTime()
    {
        return DateTime.Parse(string.Format("{0} {1}", Date, Time));
    }

还有流派类

 public class Genre
{
    public byte Id { get; set; }


    [Required]
    [StringLength(255)]
    public string Name { get; set; }

}

Answer 1

试试这个改动

@Html.DropDownListFor(m => m.Genre, new SelectList(Model.Genres.OrderBy(n=>n.Name), "Id", "Name",0), "Select Genre", new { @class = "form-control" })

也许它会为你工作..;）