2010-03-02 2 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 선택기를 사용하여 확인란을 선택할 수 있지만 일반적으로 ID 또는 클래스를 적절히 사용하는 것이 좋습니다.

텍스트 상자의 값은 val()을 사용하여 얻을 수 있습니다.

는 예를 들어,이 기능은 모든 텍스트 상자에 변경 이벤트를 수신하고 새로운 값 경고 :

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

먼저 나는 클래스 또는 귀하의 의견에 ID를 추가 할 수 있습니다.

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

또는 당신이 그것에게 ID 제공하는 경우 : 당신이 그렇게하면, 당신은과 같이 아주 쉽게 검색 할 수있는 페이지의 고유의 제어를 위해

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

를, 아이디는입니다 할당 좋은 연습. 테이블 목록과 같은 반복 된 요소의 경우 사용 위치 선택기가 더 좋습니다.