通过JavaScript设置runat=server隐藏输入框值，C#读取为空如何解决？

核心原因 #

ASP.NET Web Forms中标记了runat="server"的控件，默认会根据页面的母版页、容器层级自动生成客户端ID，你在JS中直接用document.getElementById("hiddenControl")无法匹配到渲染后的真实DOM元素，导致赋值失败。

可选解决方案 #

方案1：固定控件客户端ID（推荐） #

给隐藏域控件添加ClientIDMode="Static"属性，强制渲染时保留你定义的原始ID，修改后的控件代码如下：

<input id="hiddenControl" type="hidden" runat="server" ClientIDMode="Static" />

改完后你的现有JS代码不需要做任何调整即可正常运行。

方案2：JS中动态获取服务端生成的客户端ID #

如果你不想修改控件的ClientIDMode，可以把JS中的ID替换为服务端输出的真实客户端ID：

function SetPostbackValues() {
    document.getElementById("<%= hiddenControl.ClientID %>").value = "Employer";
}
function SetPostbackValues2() {
    document.getElementById("<%= hiddenControl.ClientID %>").value = "Employee";
}

注意：该写法要求JS代码必须写在.aspx页面内，不能放在独立的.js文件中，否则服务端表达式不会被解析。

附加排查点 #

• 打开浏览器开发者工具，检查chg()方法执行是否报错，如果chg()抛出异常，会导致后续的赋值函数不会执行
• 确认隐藏域控件确实放在form runat="server"标签内部，只有该标签内的表单元素值才会在回发时提交到服务端
• 点击元素后可以在控制台打印对应DOM的value值，确认前端赋值逻辑是否正常执行

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