如何通过 JavaScript 访问位于用户控件中的 ASP 控件

Question

大家好，

我正在设计一个用户控件，简单来说它包含一个 asp:hiddenfield 控件，我将通过这样的 JavaScript 函数访问它，

function doAnyThing
{
    var myVar = document.getElementById("myHiddenFiled");
}

但是当我跟踪我的代码时，我发现 myVar 分配给null，在用户控制文件 (.ascx) 或常规 (.aspx) 文件中使用方法是否重要

document.getElementById()

，考虑到它在 (.aspx) 文件中正确工作

Answer 1

您必须通过 ClientID 设置控件的最终 id，这取决于页面的结构。
试试这个：

function doAnyThing
{
    var myVar = document.getElementById("<%= yourControlServerID.ClientID %>");
}

显然这个函数需要放在.aspx文件中。 我建议您改用 jQuery 这样的框架，它允许您通过更复杂的选择器检索控件。 这种情况可以通过以下方式解决：

$("[id$=yourControlServerID]");

您甚至可以将 javascript 代码放在外部 .js 文件中。

Answer 2

为了简化，您可以使用：

JQuery

$("<%= yourControlServerID.ClientID %>"). ....

ASP.NET JavaScript 注释：

var myVar = $get("<%= yourControlServerID.ClientID %>");

ASP.NET JavaScript 注释代码与以下相同：

var myVar = document.getElementById("<%= yourControlServerID.ClientID %>")