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

possum_pendulum

我正在尝试使用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”事件处理程序。您可以像这样使用'click'(https://api.jquery.com/click/):

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

或使用'on'(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);
}

希望能有所帮助。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何使用JavaScript将表单数据存储到另一页中的表中?

来自分类Dev

如何使用javascript或jquery将html表单数据保存到sql db

来自分类Dev

使用JS或JQuery将URL变量放入HTML表单

来自分类Dev

如何使用PHPExcel将多个HTML表单数据添加到Excel工作表中

来自分类Dev

使用jQuery将表单数据转换为JS对象,包括分组值

来自分类Dev

使用jQuery将表单数据转换为JS对象,包括分组值

来自分类Dev

尝试使用JQuery将表单数据发布到servlet

来自分类Dev

如何使用jQuery发送HTML表单数据

来自分类Dev

使用外部JS文件捕获HTML表单数据

来自分类Dev

使用Predis存储表单数据

来自分类Dev

使用ajax请求存储表单数据

来自分类Dev

JavaScript将HTML / jquery存储在变量中

来自分类Dev

使用本地存储保存表单数据并将数据动态读取到表中

来自分类Dev

使用 api 将 woocommerce 结帐表单数据存储到自定义表

来自分类Dev

为了提交HTML表单数据,我应该使用变量“ id”或“ name”

来自分类Dev

使用 PHP 将 HTML 表单数据插入 MySQL 数据库

来自分类Dev

如何使用RabbitMQ在3层体系结构中存储表单数据

来自分类Dev

使用类将表单数据保存在数据库中

来自分类Dev

从未绑定的视图中获取数据,并使用linq将表单数据提交到表中

来自分类Dev

如何使用jquery和php将表单数据保存到sql

来自分类Dev

如何使用jquery和php将表单数据保存到sql

来自分类Dev

尝试使用JavaScript将HTML表单数据发送到API

来自分类Dev

使用php将html表单数据保存到txt文件

来自分类Dev

jQuery-将表单数据发布到API

来自分类Dev

将多个表单数据传递给jquery函数

来自分类Dev

如何将表单数据从jQuery提交到PHP?

来自分类Dev

jQuery-将表单数据发布到API

来自分类Dev

jQuery将动态表单数据转换为json

来自分类Dev

使用Ajax / jQuery / PHP发送联系表单数据

Related 相关文章

  1. 1

    如何使用JavaScript将表单数据存储到另一页中的表中?

  2. 2

    如何使用javascript或jquery将html表单数据保存到sql db

  3. 3

    使用JS或JQuery将URL变量放入HTML表单

  4. 4

    如何使用PHPExcel将多个HTML表单数据添加到Excel工作表中

  5. 5

    使用jQuery将表单数据转换为JS对象,包括分组值

  6. 6

    使用jQuery将表单数据转换为JS对象,包括分组值

  7. 7

    尝试使用JQuery将表单数据发布到servlet

  8. 8

    如何使用jQuery发送HTML表单数据

  9. 9

    使用外部JS文件捕获HTML表单数据

  10. 10

    使用Predis存储表单数据

  11. 11

    使用ajax请求存储表单数据

  12. 12

    JavaScript将HTML / jquery存储在变量中

  13. 13

    使用本地存储保存表单数据并将数据动态读取到表中

  14. 14

    使用 api 将 woocommerce 结帐表单数据存储到自定义表

  15. 15

    为了提交HTML表单数据,我应该使用变量“ id”或“ name”

  16. 16

    使用 PHP 将 HTML 表单数据插入 MySQL 数据库

  17. 17

    如何使用RabbitMQ在3层体系结构中存储表单数据

  18. 18

    使用类将表单数据保存在数据库中

  19. 19

    从未绑定的视图中获取数据,并使用linq将表单数据提交到表中

  20. 20

    如何使用jquery和php将表单数据保存到sql

  21. 21

    如何使用jquery和php将表单数据保存到sql

  22. 22

    尝试使用JavaScript将HTML表单数据发送到API

  23. 23

    使用php将html表单数据保存到txt文件

  24. 24

    jQuery-将表单数据发布到API

  25. 25

    将多个表单数据传递给jquery函数

  26. 26

    如何将表单数据从jQuery提交到PHP?

  27. 27

    jQuery-将表单数据发布到API

  28. 28

    jQuery将动态表单数据转换为json

  29. 29

    使用Ajax / jQuery / PHP发送联系表单数据

热门标签

归档