使用jQuery serializeArray将HTML表单数据存储在JS变量中

时间:2017-02-06 22:14:07

标签: javascript jquery html forms

我正在尝试使用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);
}

我的代码修复是我要求的,但更高效的方法也会受到高度赞赏。

1 个答案:

答案 0 :(得分:0)

首先,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);
}

希望有所帮助。