ASP.NET-Managed Id and Name Attributes for HTML Elements

Question

I have a problem in my C # ASP.NET application where the id and name tags change at runtime with the prefix "MainView_" and "MainView $" respectively. So my code is:

<asp:Button ID="OKToContinueCheckInButton" runat="server" CausesValidation="False" Visibility="false" Style="display: none" OnClick="btnOKToContinueCheckIn" />

<script type="text/javascript">
<!--
    var answer = confirm("Some Warning");
    if (answer)
        document.getElementById('OKToContinueCheckInButton').click();
// -->
</script> 

becomes:

<input type="submit" name="MainView$OKToContinueCheckInButton" value="" id="MainView_OKToContinueCheckInButton" Visibility="false" style="display: none" />

<script type="text/javascript">
<!--
    var answer = confirm("Some Warning");
    if (answer)
        document.getElementById('OKToContinueCheckInButton').click();
// -->
</script>

getElementID () returns null since the name has changed. Can someone tell me why this is happening, and if there is a way to disable it from changing the id and name values. Thanks!

-Sephrial

Answer 1

I think this will help you ...

<script type="text/javascript">
<!--
    var answer = confirm("Some Warning");
    if (answer)
        document.getElementById('<%= OKToContinueCheckInButton.ClientID %>').click();
// -->
</script>

This is the part that does the trick.

<%= OKToContinueCheckInButton.ClientID %>

Answer 2

This is a fundamental part of the Asp.Net Forms model.

, , , , ..

. , JQuery , .

Answer 3

, ASP.Net 4.0 .

http://weblogs.asp.net/asptest/archive/2009/01/06/asp-net-4-0-clientid-overview.aspx

Answer 4

, :

document.getElementById(<%= OKToContinueCheckInButton.ClientID %>).click();

:

document.getElementById('<%= OKToContinueCheckInButton.ClientID %>').click();

Answer 5

<asp:Button ID="OKToContinueCheckInButton" runat="server" CausesValidation="False" Visibility="false" Style="display: none" OnClick="btnOKToContinueCheckIn" />

<script type="text/javascript">
<!--
    var answer = confirm("Some Warning");
    if (answer)
        document.getElementById(<%=OKToContinueCheckInButton.ClientID %>).click();
// -->
</script>

Answer 6

script . script .

System.Text.StringBuilder script = new System.Text.StringBuilder();
script.Append("var answer = confirm('Some Warning');");
script.Append("if (answer)");

// The client ID will be what is put in the browser so it will find it.
script.AppendFormat("document.getElementById('{0}').click();", this.btnSomeButton.ClientID);

// Hook this up to the button
this.btnSomeButton.OnClientClick = script.ToString();

Answer 7

ClientID :

<asp:Button ID="OKToContinueCheckInButton" runat="server" CausesValidation="False" Visibility="false" Style="display: none" OnClick="btnOKToContinueCheckIn" />

<script type="text/javascript">
<!--
    var answer = confirm("Some Warning");
    if (answer)
        document.getElementById(<%=OKToContinueCheckInButton.ClientID%>).click();
// -->
</script>

Answer 8

jQuery, , . $= ( ), noe:

if (answer)
  $("a[id$='MainView_OKToContinueCheckInButton']:first").click();

jQuery

Answer 9

, , , . , , , HTML "_" "$". , document.getElementById(<% = OKToContinueCheckInButton.ClientID% > ). Click();

<input type="submit" name="MainView$OKToContinueCheckInButton" value="" id="MainView_OKToContinueCheckInButton" Visibility="false" style="display: none" />

<script type="text/javascript">
<!--
    var answer = confirm("Some Warning");
    if (answer)
        document.getElementById(MainView_OKToContinueCheckInButton).click();
// -->
</script>