Mvc 下拉列表不工作

Question

问题描述：

选择后的下拉列表不显示从列表中选择的文本。

这里我使用 MVC Razor 语法来生成下拉列表框。

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

列表已正确填充，但在选择选项后未显示在下拉列表框中。

注意：当我提交表单时，正确的选择值被发送到操作。

检查的步骤：

检查生成的 HTML 看起来没问题..

使用bootstrapform-controlclass，颜色集为黑色。其余字段值也会显示在同一表单内。
浏览器计算标签

提前致谢..

更新解决方案：

我已经为我的 form-control class 定义了一些覆盖导致问题的文本间距。我以为颜色有问题，但实际上问题出在我的文本填充上。

.form-control {
    font-size: 17px;
    /*padding: 20px 15px;*/  /*this statement caused issue*/
    border-radius: 9px; 
    height:42px; /* I replaced with padding to height which solved issue.*/
}

Answer 1

我已经为我的表单控件 class 定义了一些覆盖导致问题的文本间距。我以为颜色有问题，但实际上问题出在我的文本填充上。

.form-control {
    font-size: 17px;
    /*padding: 20px 15px;*/  /*this statement caused issue*/
    border-radius: 9px; 
    height:42px; /* I replaced with padding to height which solved issue.*/
}

Answer 2

对不起，我来晚了。但是，如果您在平板电脑的工具上将配置更改为 PC 版

，下拉列表也只能正常工作

Mvc 下拉列表不工作

Mvc DropdownList Not working

html

asp.net-mvc

html-select

drop-down-menu

dropdownlistfor