Question

这真的很奇怪。我试图通过id获取文本字段的值，但我在控制台中看到的是一个空字符串。以下是我的完整代码。所有脚本都包含正确。

<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>

Answer 1

由于您使用jQuery，您可以像这样使用它：

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

Answer 2

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

您试图获取在页面加载时已修改的查询值。

无法通过jquery获取文本字段的值

2 个答案: