如何调整@Html.Dropdownlist 的宽度？数据不显示

Question

我使用@Html.DropDownLinkFor 在我的系统上选择支付选项。但是发生的事情是，它没有在下拉框中显示默认文本。当你勾选一个选项时，它仍然不会显示？如何使文本显示在下拉框中或调整其宽度？

这是我的代码

<td>
@Html.DropDownListFor(model => item.LevelId, new SelectList(item.GradeLevels, "LevelId", "LevelName", item.LevelId),
"<- Select Level ->",
new { @class = "form-control ddlClass", @id = "LevelId_" + item.TransactionId + "_" + item.StudentId})
</td>

Answer 1

DropDownList 助手的第二个参数必须是 IEnumerable。

请逐步尝试。

步骤 1)

@Html.DropDownList(
"ListId", 
Enumerable.Empty<SelectListItem>(),"<- Select Level ->", 
new { style = "width: 360px;" }

)

步骤-2) 你想用来绑定的：

@Html.DropDownList(
"ListId", 
Model.PaymentMethodList,"<- Select Level ->", 
new { style = "width: 360px;" }

)

第三步）

避免在 HTML 中混杂你应该使用外部 CSS 的样式：

@Html.DropDownListFor(
    x => x.ListId, 
    Model.PaymentMethodList,"<- Select Level ->", 
    new { @class = "mydropdown" }
)

你的外部 Css 代码

.mydropdown{
width: 360px;

}

如果您仍然存在问题，请检查您的 css 和脚本或分享更多您的代码。