2010-03-02 4 views
1

У меня есть этот HTML кодполучает значение текстового поля с JQuery

<html> 
    <head> 
    <title>JQuery Problem 2</title> 
    <script type="text/javascript" src="jquery-1.4.min.js"></script> 
    <script type="text/javascript" src="problem2.js"></script> 
    </head> 
    <body> 
    <div id="game"> 
     <form onsubmit="return false"> 
     <p> 
      Guess: 
      <input type="text"/> 
      <input type="submit" value="Go"/> 
     </p> 
     <p> 
      <strong>Number of guesses:</strong> 
      <span>0</span> 
     </p> 
     <p> 
      <strong>Last guess:</strong> 
      <span>None</span> 
     </p> 
     <table border="1" cellpadding="4" cellspacing="1" style="width: 400px"> 
      <tr> 
      <th>Guess</th> 
      <th>Result</th> 
      </tr> 
     </table> 
     </form> 
    </div> 
    </body> 
</html> 

Когда пользователь вводит его значение я хочу, чтобы получить численное значение, которое они вошли в текстовом поле, с JQuery, как бы я идти об этом?

ответ

3

Вы можете выбрать флажки, используя селектор :text, но обычно я бы рекомендовал использовать идентификатор или класс, если это необходимо.

Значение текстового поля можно получить, используя val().

Например, эта функция прослушивает событие изменения на все текстовые поля и предупреждает новое значение:

$(":text").change(function() { 
    alert($(this).val()); 
}); 
2

Сначала я хотел бы добавить, либо класс или идентификатор вашего входу. После того, как вы сделаете это, вы можете получить его очень легко, как так:

var value = $('.yourClass').val(); 

или если вы даете ему ID:

var value = $('#yourID').val(); 
0

Для уникального управления на странице, чтобы назначить идентификатор является хорошая практика. Для зацикленного элемента, такого как список таблиц, лучше использовать селектор положения.

Смежные вопросы