Home/ Questions/Q 5999569
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T00:34:16+00:00

The example for finding the value of an input box in jQuery is below.

  • 0

The example for finding the value of an input box in jQuery is below.

<!DOCTYPE html>
<html>
<head>
  <style>

  p { color:blue; margin:8px; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <input type="text" value="some text"/>
  <p></p>
<script>
    $("input").keyup(function () {
      var value = $(this).val();
      $("p").text(value);
    }).keyup();
</script>
</body>
</html>

I have 2 questions.

  1. Why is the script inside the body? (I tried putting it between the head tags and it does not work).
  2. Why are there two different keyup() methods, one directly after $(“input”) and the other after the function?
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team
    1. If you want it to run in the head, you should use .ready() or .load() (usually .ready())
    2. The second .keyup() fires the event
    <!DOCTYPE html>
<html>
<head>
<style>
  p { color:blue; margin:8px; }
</style>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(document).ready(function(){
    $("input").keyup(function () {
      var value = $(this).val();
      $("p").text(value);
    }).keyup();
});
</script>
</head>
<body>
  <input type="text" value="some text"/>
  <p></p>
</body>
</html>

    http://jsfiddle.net/eqfbY/

    Ready waits until the DOM is ready to be parsed. Otherwise, what you’re running is an inline script run in the order it is parsed.

    Note, a shorthand version of ready() is:

    $(function(){
    $("input").keyup(function () {
      var value = $(this).val();
      $("p").text(value);
    }).keyup();
});
    • 0