如何将表单输入数据存储到 jquery 数组中？答案

【问题标题】：How to store form input data into a jquery array?如何将表单输入数据存储到 jquery 数组中？
【发布时间】：2017-11-18 09:15:10
【问题描述】：

我是 Jquery 新手，需要一个解决方案来应对挑战。

我需要的正是将 HTML 表单的输入存储到现有数组中。您知道执行此操作的 Jquery 逻辑吗？

这里是本次调查重点的 HTML 示例。

<form>
    <input type="text" id="inputform" value""idkyet></input>
</form>

我希望它如何工作的示例：

用户在表单中输入姓名并点击提交。该名称现在存储到现有数组中。

谢谢。

【问题讨论】：

你试过$.serializeArray吗？
这个问题太笼统了。你在用数组做什么？你已经尝试过什么？你做了什么研究？你在解决什么问题？
尽量不要让我们负担过重。我在提交之前评估了我的问题，并准确地询问了我需要问什么才能获得所需的答案。这个问题已经被另一位成员回答了。每个人都尽了自己的一份力。现在好了。

标签： javascript jquery html arrays forms

【解决方案1】：

试试

yourExistingArrayThatIsDefinedSomewhere.push($("#inputform").val())
console.log(yourExistingArrayThatIsDefinedSomewhere); //should show all previously pushed values

请注意，您应该将上面的代码添加到提交按钮的事件处理程序中。

【讨论】：

【解决方案2】：

<input type="text" id="inputform"> <input type="button" value="submit" id="submitform">

JS：

var your_array = [];
$("#submitform").click(function(){
  your_array.push($("#inputform").push());
  alert(your_array);
});

我认为您应该对自己进行一些研究，而不是在这里发布任何内容。

【讨论】：

你就是这么告诉别人的人。

【解决方案3】：

在 jQuery 中获取输入的值并将其添加到数组中是这样的：

var array = [];

$("#inputform").change(function() {
    array.push(this.value);
    alert(array);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
<form>
    <input type="text" id="inputform" value=""></input>
</form>

例如，这里每次输入的值发生变化，都会将其添加到数组中。

【讨论】：

如果没有在提交处理程序中实现preventDefault() 之类的东西，单击<form> 中带有type="submit" 的输入或按钮将导致页面刷新。点击提交按钮，看看会发生什么。