Reference ASP.NET control by ID in JavaScript?

by

This post by Dave Ward might have what you’re looking for:

http://encosia.com/2007/08/08/robust-aspnet-control-referencing-in-javascript/

Excerpt from article:

Indeed there is. The better solution
is to use inline ASP.NET code to
inject the control’s ClientID
property:

$get('<%= TextBox1.ClientID %>')

Now the correct client element ID is
referenced, regardless of the
structure of the page and the nesting
level of the control. In my opinion,
the very slight performance cost of
this method is well worth it to make
your client scripting more resilient
to change.

And some sample code by Dave from the comment thread of that post:

<script>
  alert('TextBox1 has a value of: ' + $get('<%= TextBox1.ClientID %>').value);
</script>

The comment thread to the article I linked above has some good discussion as well.

More Related Contents:

  1. Ajax request returns 200 OK, but an error event is fired instead of success
  2. Function not defined error while using asp.net ajax
  3. Run javascript function after Postback
  4. How to keep the browser history in sync when using Ajax?
  5. jQuery DataTables server-side processing using ASP.NET WebForms
  6. Uploading File using Ajax in Asp.Net Core
  7. Submit form using AJAX in Asp.Net mvc 4
  8. ASP.NET Parse DateTime result from ajax call to javascript date
  9. asp.net ScriptManager PageMethods is undefined
  10. How to receive special character?
  11. How does this code call id with html?
  12. jQuery AJAX file upload PHP
  13. How to save an HTML5 Canvas as an image on a server?
  14. jQuery ajax success callback function definition
  15. Detecting Unsaved Changes
  16. Will HTML5 allow web apps to make peer-to-peer HTTP connections?
  17. How to show progress bar while loading, using ajax
  18. Differences between contentType and dataType in jQuery ajax function
  19. Ajax, prevent multiple request on click
  20. AJAX Promises using Array
  21. Multiple Windows using window.open()
  22. Populating a select box using JQUERY, AJAX and PHP
  23. Handling Asynchronous Calls (Firebase) in functions
  24. Cross domain Ajax request from within js file
  25. Chain ajax and execute it in sequence. Jquery Deferred
  26. How to show loading status in percentage for ajax response?
  27. SyntaxError: JSON.parse: unexpected character at line 1 column 1 of the JSON data
  28. Synchronous XMLHttpRequest on the main thread is deprecated
  29. Is there any size limitation for ajax post?
  30. Dynamically changing navigation links (next and previous) in WordPress via AJAX

Leave a Comment