javascript - 单击按钮时在 JS 函数中获取文本框输入值

Question

我试图通过单击按钮在 JS 函数中获取文本框输入。由于某种原因，我的 console.log 不显示文本框输入。我该如何实现这个目标？

索引.php:

  <input placeholder="Name" type='text' name='username' id='username'  maxlength="50" />
  <input placeholder="Password" type='password' name='password' id='password' maxlength="50" />
  <button id="testAJAX" onclick="Utilities.loadSavedGames()">Load Game</button>

js/utilties.js

var Utilities = {
    loadSavedGames : function () {

    var username = document.getElementById('username').value,
        password = document.getElementById('password').value;
    console.log(username + ", " + password); //null, blank

Answer 1

可能同一页面上的元素具有重复的 id。 在浏览器控制台中尝试以下代码:$('[id=username]').length 和 $('[id=password]').length。如果计数 > 1，则有多个具有相同 id 的元素。