在 Javascript 中访问 asp:HiddenField答案

【问题标题】：Accessing asp:HiddenField in Javascript在 Javascript 中访问 asp:HiddenField
【发布时间】：2013-10-19 19:07:27
【问题描述】：

在使用 asp:hiddenfields 时我很困惑。

这是我的代码：

<asp:HiddenField ID ="CurrentAnswer" runat="server" Value="-1" />

并在该 html 页面中加载的 js 文件中：

$(document).ready(function () {
    alert(document.getElementById("<%= CurrentAnswer.ClientID %>"));
});

此值返回 null。如果我将它放入同一个 asp webform 中，但不是放在单独的 js 文件中，它将起作用。我几乎在我查看的每个页面上都看到了这一点。 here 例如。我不知道为什么这不起作用。有什么想法吗？

【问题讨论】：

【解决方案1】：

如果您想将 javascript 保存在单独的 js 文件中，您想使用Static (or Predictable) 作为 ID。

<asp:HiddenField ID="CurrentAnswer" runat="server" Value="-1" 
   ClientIDMode="Static" />

单独的 JavaScript 文件

$(document).ready(function () {
    alert($("#CurrentAnswer").val());
});

【讨论】：

【解决方案2】：

如果 CurrentAnswer ID 不是动态的，您可以这样做：

$(document).ready(function () {
    alert(document.getElementById("CurrentAnswer"));
});

当然，这会给你一个对象，所以你可以调用 .val() 来获取它的值。

【讨论】：