如何将URL中的PersonId设置为DropDownListFor下拉框的默认选中项

方案1：后端校验实现（更推荐，安全性更高） #

步骤1：调整ViewModel定义 #

确保你的ViewModel中PersonId属性为可空类型，避免值类型默认值干扰：

public class StudentCreateViewModel
{
    // 定义为可空int，默认值为null
    public int? PersonId { get; set; }
    public List<Person> Persons { get; set; }
    // 其他属性省略
}

步骤2：控制器中校验参数合法性 #

在Create动作中先接收URL传递的PersonId参数，校验该ID是否存在于人员列表后再赋值：

public ActionResult Create(int? PersonId)
{
    var viewModel = new StudentCreateViewModel();
    // 加载全量人员列表
    viewModel.Persons = _yourDbContext.Persons.ToList();
    
    // 仅当参数存在且在人员列表中存在匹配项时才赋值
    if (PersonId.HasValue && viewModel.Persons.Any(p => p.Id == PersonId.Value))
    {
        viewModel.PersonId = PersonId.Value;
    }

    return View(viewModel);
}

步骤3：视图代码保持不变 #

你现有下拉框代码不需要修改，当Model.PersonId为null时，会自动默认选中-- Select --提示项：

@Html.DropDownListFor(
    x => x.PersonId,
    new SelectList(Model.Persons, "Id", "Fullname", Model.PersonId),
    "-- Select --", new { @class = "form-control" }
)

方案2：前端校验实现（适合不想修改后端逻辑的场景） #

如果不方便调整后端代码，可以通过JS在页面加载时处理参数匹配：

$(function(){
    // 读取URL参数
    const searchParams = new URLSearchParams(window.location.search);
    const targetPersonId = searchParams.get('PersonId');
    if (!targetPersonId) return;

    // 校验下拉框是否存在对应选项
    const $personSelect = $('#PersonId');
    const hasMatch = $personSelect.find(`option[value="${targetPersonId}"]`).length > 0;
    $personSelect.val(hasMatch ? targetPersonId : '');
})

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