javascript - 如何使用javascript在用户控制页面的父页面中获取隐藏的控件ID

Question

如何使用 javascript 获取用户控件页面中父页面中的隐藏控件 ID。页面中有一个隐藏的输入控件。我想在该页面中使用的用户控件页面中为此控件分配值。它是一个 ascx 页面控件。

<input type="hidden" runat="server" name="isChanged" id="isChanged" value="0" />

Answer 1

您可以使用 jquery 并使用“ends with”选择器来完成此操作。

var element = $("input[id$=isChanged]")[0];

假设您的页面上只有一个 ID 以“isChanged”结尾的输入。我们使用结尾的原因是因为 asp 将使您的控件的客户端 id 类似于 ct100$placeholder1$mypanel$isChanged。

更强大的解决方案是在用户控件上设置一个属性(例如“ClientIdOfHiddenField”)，您可以在 page_load 上从父页面设置该属性

protected void Page_Load(object sender, EventArgs e)
{
    UserControl1.ClientIdOfHiddenField = isChanged.ClientID;
}

然后在您的用户控件的标记中您可以拥有

var element = document.getElementById("<%= ClientIdOfHiddenField %>");