2015-10-18 74 views
-1

這真的很奇怪。我試圖通過ID來獲取文本字段的值,但是我在控制檯中看到的是一個空字符串。以下是我的完整代碼。所有腳本都包含在內。無法通過jquery獲取文本字段的值

<html> 
<head> 
    <meta charset="UTF-8"> 
    <title>Awok- Scrapper</title> 
    <script src="jquery.js" type="text/javascript"></script> 

</head> 
<body> 
    <div id="form"> 
     <form> 
      <input type="text" name="query" id="test"/> 
      <input type="button" id="send" value="Submit" /> 
     </form> 
    </div> 
    <div id="result"> 

    </div> 

    <script> 

     $(function() { 
      var query = document.getElementById('test').value; 
      $('#send').click(function() { 
       console.info(query); 

      }); 
     }); 
    </script> 
</body> 

+0

你還沒有添加jQuery。 –

+3

您正在閱讀click事件之前的字段值,這意味着'query'變量將保存一個空字符串。你應該把var query = document.getElementById('test').value'放在點擊事件 – Rabea

+0

'console.log($('#test')。val());' –

回答

1

由於您使用jQuery你可以使用它像這樣:

$('#send').click(function() { 
    var query = $('#test').val(); 
    console.log(query); 
}); 
0
$('#send').click(function() { 
var query = $('#test').val(); 
    console.info(query); 
}); 

你試圖讓已經在頁面加載的時間修改後的查詢的價值。