DropDownListFor的change事件不触发且模型绑定值始终为0问题

问题原因与修复方案 #

1. 重复ID冲突（最可能导致事件不触发、取值固定为0） #

动态加载表单的场景下极易出现重复ID问题：

• 打开浏览器控制台执行 console.log($('[id="WorkTypeId"]').length)，如果返回值大于1，说明页面中存在多个id为WorkTypeId的元素
• jQuery选择器只会匹配第一个符合条件的元素，你绑定的事件实际绑到了旧的、不可见的元素上，新渲染的下拉框没有绑定事件所以不会触发change，同时$("#WorkTypeId").val()始终返回第一个元素的固定值0
• 修复方法优先改用事件委托绑定，不需要每次加载表单后重复绑定：

// 页面初始化时一次性绑定到不会被销毁的父容器上
$("#formContainer").on("change", "#WorkTypeId, #PhaseGroupId", function () {
    lookupMatrixValues($("#WorkTypeId").val(), $("#PhaseGroupId").val());
});

如果确实存在重复ID，每次加载新表单前先清空容器：$("#formContainer").empty() 再写入新内容。

2. Lambda表达式写法错误（导致无data-val验证属性） #

你当前DropDownListFor的Lambda参数写法错误，正确写法应为x => x.WorkTypeId而非x => Model.WorkTypeId：

• x => x.WorkTypeId是指向强类型视图的参数属性，MVC可以正确读取该属性的元数据（类型、验证规则等），自动生成data-val系列验证属性
• x => Model.WorkTypeId是直接访问视图上下文中的Model闭包变量，MVC的表达式解析器无法获取对应属性的元数据，所以不会生成验证属性，极端情况下会影响表单提交后的模型绑定逻辑
• 检查PhaseGroupId的实际写法，如果Lambda写法则会正常生成验证属性，和你观察到的现象一致。

3. ViewData/ViewBag同名键冲突（导致选中值不生效、POST取值为0） #

MVC的HTML辅助方法会优先从ViewData/ViewBag中读取和属性名同名的键值，覆盖你传入的选中值：

• 检查Controller代码中是否给ViewData["WorkTypeId"]或者ViewBag.WorkTypeId赋值了固定值0
• 删除该赋值项即可，DropDownListFor会自动读取Model属性值和用户选中的选项值。

4. 下拉选项value属性异常 #

检查渲染后的WorkTypeId下拉框的所有<option>节点，确认每个选项的value属性对应正确的WorkType ID值：

• 确保WorkTypeList的Id字段有正确赋值，SelectList构造参数的"Id"、"Name"字段名没有拼写错误（大小写敏感）
• 如果所有option的value都是0，$("#WorkTypeId").val()自然始终返回0。

以上问题修复后，change事件触发、取值、模型绑定都会恢复正常。

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