Javascript 使用jQuery序列化数组将HTML表单数据存储在JS变量中

Javascript 使用jQuery序列化数组将HTML表单数据存储在JS变量中,javascript,jquery,html,forms,Javascript,Jquery,Html,Forms,我试图使用Javascript/jQuery从表单获取数据,并将值保存到变量中。表单中只有一个文本输入和提交按钮,只需要检索一条数据。我从网上的例子中拼凑出这段代码,但它没有给我任何输出 $("#submit").onclick = function() { var input = ""; $("#binary-input").click(function() { var x = $("form").serializeArray(); $.eac

我试图使用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);
}

我要求的是对代码进行修复,但如果能采用更有效的方法,我将不胜感激。

首先,jQuery没有“onclick”事件处理程序。您可以像这样使用“单击”():

或者使用“on”()并指定要处理的事件类型

这是我通常会做的:

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

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

希望能有帮助。

是的,就是这样。我把它和JavaScript混淆了。
$("#submit").on("click", function(){
    // Get the input and its value
    var inputValue = $("#binary-input").val();

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