Home/ Questions/Q 6964815
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T15:58:19+00:00

I am unable to capture the value typed by a user in the textbox

  • 0

I am unable to capture the value typed by a user in the textbox into a variable.

I do not want to use <form>, is there any other way to do this?

   <html>
   <head>
   <style>

     p { color:blue; margin:8px; }
     </style>
     <script src="http://code.jquery.com/jquery-latest.js"></script>
   </head>
   <body>
   <input type="text" id="txt_name"  />

   <script type="text/javascript">
   value = $("#txt_name").val(); 
   $("#dom_element").text(value);
   </script>

   </body>
   </html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you want to get a value that the user types then you need to do so in response to some kind of event. The keyup event occurs (believe it or not) when a user is typing and releases a key. If you trap keyup you can update your variable with every keystroke but you should trap “change” as well to allow for paste and drag’n’drop changes that don’t use the keyboard. The “change” event occurs when the user modifies the field and then clicks or tabs out of it.

    Also, at the moment your value variable is global, but if all you are using it for is to set the value of another field you don’t need it at all:

    $("#txt_name").on("keyup change", function() {
   $("#dom_element").text(this.value);
});

// OR, if you need the variable for some other reason:
$("#txt_name").on("keyup change", function() {
   var value = this.value; // omit "var" to make it global
   $("#dom_element").text(value);
});

    Note that within the event handler function this will be the dom element so you can and should get its value directly without jQuery.

    If you’re using an old version of jQuery use .bind() instead of .on().

    • 0