如何将表单输入数据存储到jquery数组中?

问题描述:

我是Jquery的新手,需要针对挑战提供解决方案。如何将表单输入数据存储到jquery数组中?

我需要的恰恰是将HTML表单的输入存储到现有数组中。你知道这个Jquery逻辑吗?

以下是此查询重点的HTML示例。我想如何这个工作

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

例子:

用户类型命名为形式和点击提交。这个名字现在被存储到一个现有的数组中。

谢谢。

+0

你有没有试过[$ .serializeArray](https://api.jquery.com/serializeArray)? – luisenrike

+1

这个问题太广泛了。你在做什么?你已经尝试了什么?你做了什么研究?你有什么问题解决它? – Santi

+0

尽量不要超载在我们身上。在提交之前,我评估了我的问题,并且准确地询问了我需要什么来获得所需的答案。这个问题已经被另一位成员回答了。每个人都尽了自己的责任。它现在好了。 –

尝试

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

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

<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); 
}); 

我认为你应该做一点自己STUDING,而不是仅仅张贴任何东西在这里。

+0

你是没有人告诉人们的总和。 –

获取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>

例如,这里每个时间的输入值改变时,它会将它添加到数组中。

+0

如果在提交处理程序中没有实现类似'preventDefault()'的东西,那么在'

'中单击一个输入或按钮来输入'type =“submit”'会导致页面刷新。点击你的提交按钮,看看会发生什么。 – Santi