使用jQuery在JS變量中存儲HTML表單數據serializeArray

Question

我想使用Javascript/jQuery從表單獲取數據並將值保存到變量中。表單中只有一個文本輸入和提交按鈕，只需要檢索一條數據。我從網上的例子中將這些代碼拼湊在一起，但它沒有給我任何輸出。

$("#submit").onclick = function() { 

    var input = ""; 
    $("#binary-input").click(function() { 
     var x = $("form").serializeArray(); 
     $.each(x, function(i, field) { 
      input = field.value; 
     }); 
    }); 

    console.log("Input: "); 
    console.log(input); 
} 

我的代碼的修復程序是我要求的，但更有效的方法也將非常感激。

Answer 1

首先，jQuery沒有'onclick'事件處理程序。您可以使用「點擊」（https://api.jquery.com/click/）像這樣：

$("#submit").click(function()... 

或「上」使用（https://api.jquery.com/on/），並指定要處理的事件類型

這就是我通常做：

$("#submit").on("click", function(){ 
    // Get the input and its value 
    var inputValue = $("#binary-input").val(); 

    // Output the value 
    console.log(inputValue); 
} 

希望有幫助。