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

Question

How can i get hidden control id in parent page in the user control page using javascript. there is a hidden input control in the page. i want to assign value to this control in the user control page which is used in this page. its an ascx page control.

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

Answer 1

Register like as below

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

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

Answer 2

You could do this using jquery using the 'ends with' selector.

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

This assumes you only have one input on your page with an id which ends in 'isChanged'. The reason we use ends with is because asp will make the client side id of your control something like ct100$placeholder1$mypanel$isChanged.

A more robust solution would be to have a property on your usercontrol (eg 'ClientIdOfHiddenField') that you set from your parent page on page_load

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

then in the markup of your user control you can have

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

Answer 3

If you are using jQuery you should be able to use

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

otherwise @Pranay Rana's answer should work.