如何将DropDownList选中值传递至Controller？附ViewBag绑定代码

嘿，我来帮你搞定下拉列表选中值传递到Controller的问题！先给你梳理几个实用方案，一步步来：

你当前的ViewBag.GetControllerID只传了列表，但没指定下拉选项的**值(Value)和显示文本(Text)**字段，这会导致下拉选项的value可能不对，先把这个改了：
假设你的ListLogs实体里，控制器ID字段是ControllerId，控制器名称是ControllerName，那绑定代码应该写成：

ViewBag.GetControllerID = new SelectList(
    ListLogs.Where(o => o.CreateDate.Month == DateTime.UtcNow.Month && o.CreateDate.Year == DateTime.UtcNow.Year).ToList(),
    "ControllerId", // 下拉选项的value对应字段
    "ControllerName" // 下拉选项显示的文本对应字段
);

把下拉列表放在表单里，提交后直接把选中值传到Controller：

视图代码 #

@using (Html.BeginForm("YourTargetAction", "YourController", FormMethod.Post))
{
    <!-- 这里第二个参数传null，会自动用ViewBag.GetControllerID的SelectList -->
    @Html.DropDownList("GetControllerID", null, "请选择控制器", htmlAttributes: new { @class = "btn-default btn input-circle"})
    <button type="submit" class="btn btn-primary">提交筛选</button>
}

Controller接收代码 #

参数名要和下拉列表的name属性完全一致（这里就是GetControllerID）：

[HttpPost]
public ActionResult YourTargetAction(int? GetControllerID)
{
    if (GetControllerID.HasValue)
    {
        // 这里拿到选中的控制器ID，做你需要的逻辑处理
        var selectedControllerId = GetControllerID.Value;
    }
    // 后续返回视图或其他操作
    return View();
}

如果不想刷新页面，想实时传递选中值，就用AJAX：

视图代码（给下拉加个ID方便监听） #

@Html.DropDownList("GetControllerID", null, "请选择控制器", htmlAttributes: new { @class = "btn-default btn input-circle", id = "controllerDropdown"})

加一段JS监听下拉变化 #

<script>
$("#controllerDropdown").change(function() {
    // 获取选中的值
    var selectedId = $(this).val();
    // 异步发送到Controller
    $.ajax({
        url: '@Url.Action("YourAjaxAction", "YourController")',
        type: 'POST',
        data: { GetControllerID: selectedId },
        success: function(result) {
            // 处理返回的结果，比如更新页面内容
            console.log("选中的控制器ID已传递：" + selectedId);
        },
        error: function() {
            alert("传递失败，请重试");
        }
    });
});
</script>

Controller的AJAX接收方法 #

[HttpPost]
public JsonResult YourAjaxAction(int? GetControllerID)
{
    if (GetControllerID.HasValue)
    {
        // 处理逻辑
        return Json(new { success = true, message = "已接收ID：" + GetControllerID.Value });
    }
    return Json(new { success = false, message = "未选择任何控制器" });
}

如果你的页面有多个表单元素，用ViewModel会更清晰，也不容易出错：

第一步：定义ViewModel #

public class LogFilterViewModel
{
    // 存储选中的控制器ID
    public int? SelectedControllerId { get; set; }
    // 下拉列表的选项集合
    public IEnumerable<SelectListItem> ControllerOptions { get; set; }
}

第二步：Controller的Get方法填充ViewModel #

public ActionResult YourView()
{
    var viewModel = new LogFilterViewModel();
    // 筛选当月的日志数据
    var filteredLogs = ListLogs.Where(o => o.CreateDate.Month == DateTime.UtcNow.Month && o.CreateDate.Year == DateTime.UtcNow.Year).ToList();
    // 填充下拉选项
    viewModel.ControllerOptions = new SelectList(filteredLogs, "ControllerId", "ControllerName");
    return View(viewModel);
}

第三步：视图用强类型的DropDownListFor #

@model YourNamespace.LogFilterViewModel

@using (Html.BeginForm("YourTargetAction", "YourController", FormMethod.Post))
{
    @Html.DropDownListFor(m => m.SelectedControllerId, Model.ControllerOptions, "请选择控制器", htmlAttributes: new { @class = "btn-default btn input-circle"})
    <button type="submit" class="btn btn-primary">提交</button>
}

第四步：Controller接收ViewModel #

[HttpPost]
public ActionResult YourTargetAction(LogFilterViewModel viewModel)
{
    if (viewModel.SelectedControllerId.HasValue)
    {
        // 拿到选中的ID做处理
        var selectedId = viewModel.SelectedControllerId.Value;
    }
    // 可以把ViewModel回传，保持选中状态
    return View(viewModel);
}

小提醒 #

• 一定要确保SelectList的Value和Text字段对应你实体里的真实属性名，不然下拉选项的value会是空或者不正确。
• 用强类型模型的方式更符合MVC的设计思想，也能避免拼写错误，推荐优先使用。

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