如何使用javascript在用戶控制頁面的父頁面中獲取隱藏的控件ID

Question

如何使用javascript在用戶控制頁面的父頁面中獲取隱藏的控件ID。 頁面中有一個隱藏的輸入控件。 我想在此頁面中使用的用戶控制頁面中為此控件賦值。 它是一個ascx頁面控件。

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

Answer 1

注冊如下

isChanged.ClientID- is serverside property... so this will work for you 

document.getElementById("<%=isChanged.ClientID %>");

Answer 2

您可以使用jquery使用'ends with'選擇器來完成此操作。

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

這假設您的頁面上只有一個輸入，其id以“isChanged”結尾。 我們使用的結果是因為asp會使你的控件的客戶端id像ct100 $ placeholder1 $ mypanel $ isChanged。

更強大的解決方案是在user_trol上設置一個屬性（例如'ClientIdOfHiddenField'），您可以在page_load上的父頁面上設置該屬性

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

然后在你的用戶控件的標記中你可以擁有

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

Answer 3

如果您使用的是jQuery，那么您應該可以使用它

var hidden = $('input[id$="isChanged"]');

否則@Pranay Rana的答案應該有效。