如何基于Riders表创建Razor下拉框？解决显示类型名异常问题

兄弟，我一眼就看出问题出在哪了——你肯定是在视图渲染下拉框的时候，没正确绑定SelectListItem的Text和Value属性，导致系统直接输出了对象的ToString()结果，也就是你看到的System.Web.Mvc.SelectListItem。折腾3小时确实闹心，我给你一步步捋清楚怎么解决：

第一步：确认后端构造选项集合的代码是否正确 #

首先得保证你传给ViewBag的是正确构造的SelectListItem集合或者SelectList对象。举个EF查询的例子：

// 从Riders表获取骑手数据
var riderList = db.Riders.ToList();

// 方式1：手动构造SelectListItem集合
ViewBag.Riders = riderList.Select(r => new SelectListItem
{
    Text = r.FirstName, // 下拉框显示的文本
    Value = r.ID.ToString() // 下拉框选项的value值（ID如果是数字要转字符串）
}).ToList();

// 方式2：用SelectList类更简洁（推荐）
ViewBag.Riders = new SelectList(riderList, "ID", "FirstName");

⚠️ 注意：别把集合再额外包装一层（比如不小心弄成List<SelectList>），那样调试时虽然能看到items，但渲染时会出问题。你说调试时ViewBag.Riders的items有正确内容，说明这一步你大概率是对的，问题在视图那边。

第二步：视图里正确渲染下拉框 #

这是最容易踩坑的地方，分两种情况：

情况1：用MVC的Html助手（推荐） #

用Html.DropDownList或者强类型的Html.DropDownListFor，它们会自动识别SelectListItem的Text和Value：

<!-- 非强类型写法 -->
@Html.DropDownList("Riders", "-- 请选择骑手 --")

<!-- 强类型写法（如果模型里有选中项的属性，比如public int SelectedRiderId { get; set; }） -->
@Html.DropDownListFor(m => m.SelectedRiderId, (IEnumerable<SelectListItem>)ViewBag.Riders, "-- 请选择骑手 --")

这里强类型写法要注意强制转换类型，因为ViewBag是dynamic类型，不转换的话可能无法正确识别SelectListItem的属性。

情况2：手动循环渲染（不推荐，但如果要用的话） #

如果你非要自己写<select>和<option>，一定要明确指定Value和显示的文本：

<select>
    <option value="">-- 请选择骑手 --</option>
    @foreach (var item in (IEnumerable<SelectListItem>)ViewBag.Riders)
    {
        <option value="@item.Value">@item.Text</option>
    }
</select>

❌ 绝对不要这么写：

<!-- 错误！这样会直接输出item.ToString()，也就是System.Web.Mvc.SelectListItem -->
<select>
@foreach (var item in ViewBag.Riders)
{
    <option>@item</option>
}
</select>

最后验证 #

按照上面的方法改完，再运行试试——下拉框应该就能正常显示FirstName，Value绑定ID了。你之前的问题就是因为渲染时没正确提取Text属性，直接输出了对象本身。

内容的提问来源于stack exchange，提问作者Alex