Question

我试图通过点击按钮在我的JS函数中获取文本框输入。出于某种原因，我的console.log没有显示文本框输入。我该如何做到这一点？

的index.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的元素。

Answer 2

使用console.log而不是log，并将实用程序作为全局对象。我的意思是删除var。

   Utilities = {
    loadSavedGames : function () {

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

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

2 个答案: