2015-10-18 4 views
-1

Это действительно странно. Я пытаюсь получить значение текстового поля по идентификатору, но то, что я вижу в консоли, является пустой строкой. Ниже мой полный код. Все сценарии включены правильно.Невозможно получить значение текстового поля по 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

Вы читаете значение поля перед событием клика, что означает, что переменная 'query' будет содержать пустую строку. вы должны поместить 'var query = document.getElementById ('test'). value;' внутри события click – 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); 
}); 

Вы пытались получить значение запроса, который модифицированный во время загрузки страницы.

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