我用下面的代码在 View 中创建了一个下拉菜单..
<div class="form-group col-md-12 col-sm-12">
<div class="col-md-6 col-sm-6">
Ask
<select name="drpExpertId" id="drp_ExpertId" class="dropdown">
<option value="0">-- Select Expert --</option>
@foreach (var item in Model.ExpertsList)
{
<option value="@item.Id">@item.ExpertName, the @item.ExpertArea</option>
}
</select>
</div>
<div class="col-md-6 col-sm-6"> </div>
<div class="col-md-12 col-sm-12">
@Html.TextAreaFor(m => m.ExpertComment.Question, new { @class = "form-control ", placeholder = "Your Question" })
@Html.HiddenFor(m => m.ExpertComment.QuestionAskedDate, new { @Value = DateTime.UtcNow })
</div>
<div class="col-md-12 col-sm-12">
<input type="submit" value="Save" class="btn btn-default text-danger" />
</div>
<div class="col-md-12 col-sm-12">
</div>
</div>
当我通过检查看到它时,下拉列表中的值正确出现。但在 UI 中它不会扩展。当我在下拉列表的 div 之后放置换行符 (
) 时,它开始显示值并且它也会扩展。
我无法找出我在做什么错误。
上面提到的部分代码位于 @Html.BeginForm 下并具有类
new { @class = "form-horizontal", role = "form" })
此代码中没有应用其他类或 CSS。
最佳答案
现在更改的代码是..
<div>
Ask
<select name="drpExpertId" id="drp_ExpertId">
<option value="0">-- Select Expert --</option>
@foreach (var item in Model.ExpertsList)
{
<option value="@item.Id">@item.ExpertName, the @item.ExpertArea</option>
}
</select>
</div>
这工作正常。
关于html - MVC Razor View 中的下拉列表由于其下方的元素而未扩展,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41229267/