在按鈕點擊獲取JS函數中的文本框輸入值

我試圖讓我的JS功能中的文本框輸入點擊一個按鈕。出於某種原因，我的console.log不顯示文本框輸入。我該如何做到這一點？在按鈕點擊獲取JS函數中的文本框輸入值

的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

來源

2015-06-04 Growler

'console.log' in code or'log' – Tushar

Works fine ** [here]（http://jsfiddle.net/Guruprasad_Rao/dtyr90p2/）** –

看起來沒問題。你能發佈php和js文件的全文嗎，所以我們可以在另一部分找到問題。 –

可能你在同一頁上有重複ID的元素。在瀏覽器控制檯中嘗試以下代碼：$('[id=username]').length和$('[id=password]').length。如果計數大於1，則具有相同ID的多個元素。

來源

2015-06-05 04:46:02 Arvind

認沽CONSOLE.LOG而不是日誌，也使公用事業全局對象。我的意思是除去var。

Utilities = { 
    loadSavedGames : function() { 

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

來源

2015-06-04 05:21:24

公用事業應聲明。不是嗎？ –

我不明白這是如何解決問題的。此外，從'Utilities'中刪除'var'會在至少一些環境中導致運行時錯誤。建議刪除這個答案。 –

在按鈕點擊獲取JS函數中的文本框輸入值

回答

相關問題