Javascript JQuery val（）返回空值

我被困在一个看似琐碎的问题上，我可能会因为错过了这一点而责备自己……无论如何，我的问题是我无法从文本字段中获取值

HTML:

<form>
        <label for="">Enter Username:</label>
        <input id="usernameText" type="text" size="30" />
        &nbsp;&nbsp;<input type="button" value="Generate" onclick="generateQuery(); return     false;" />
</form>

<script type="text/javascript">

        var username = $("#usernameText").val();

        function generateQuery(){

            alert(username);

        }
</script>

---

在这里，它将在页面加载时调用。因此，每当页面加载时，文本框为空。请尝试在函数中写入

function generateQuery(){
  var username = $("#usernameText").val();
  alert(username);
}

function generateQuery(){
  var username = $("#usernameText").val();
  alert(username);
}

---

当您在

文档中写入时。就绪

它将校准；l当页面加载时。如果需要用户名值，请显式调用。

在哪里调用函数

我认为你需要：

<script type="text/javascript">

    $(document).ready(function(){
      generateQuery();


    });     

function generateQuery(){
  var username = $("#usernameText").val();
            alert(username);

        }
</script>

$（文档）.ready（函数（）{
生成函数（）；
});     
函数生成器（）{
var username=$（“#usernameText”）.val（）；
警报（用户名）；
}

在函数中分配变量

function generateQuery(){
  var username = $("#usernameText").val();
  alert(username);
}

function generateQuery(){
  var username = $("#usernameText").val();
  alert(username);
}

至于你的另一个问题，“如果我在脚本中包含$（document）.ready（）；函数generate不会被调用。你知道为什么吗？”

---

发生这种情况是因为范围。添加

文档.ready

处理程序时，将

generateQuery

包装在匿名函数中，因此，

按钮onclick=“generateQuery（）”

无法看到它。

该值是第一次通过。因此，当第一次加载页面时

<script type="text/javascript">
        function generateQuery(){
            var username = $("#usernameText").val();
            alert(username);

        }
</script>

函数生成器（）{
var username=$（“#usernameText”）.val（）；
警报（用户名）；
}

这里您定义了一个函数，您必须调用该函数才能运行该函数，请使用此

generateQuery（）行调用您的函数。
它在更改输入字段时被调用。@PSR:我已经，我在注释中提到过。
function generateQuery(){
  var username = $("#usernameText").val();
  alert(username);
}

function generateQuery(){
  var username = $("#usernameText").val();
  alert(username);
}