如何在数组中添加输入值

Question

我只想询问有关在数组中添加数据的问题.但我想放的数据来自输入框表.这是我一直在练习获取数据的代码:

http://jsfiddle.net/yajeig/4Nr9m/69/

我有一个添加按钮,每次单击该按钮时,它都会将数据存储在my_data变量中.

我想在我的变量中生成一个输出,如下所示:

my_data  = [ {plank:"1",thickness:"4",width:"6",length:"8",qty:"1",brdFt:"16"}] 

如果我再次添加另一个数据,它将添加该变量,它是这样的:

my_data  = [ {plank:"1",thickness:"4",width:"6",length:"8",qty:"1",brdFt:"16"},
     {plank:"2",thickness:"5",width:"6",length:"2",qty:"1",brdFt:"50"}] 

我现在的代码非常糟糕,所以请帮忙.

目前我的输出: 1,4,6,4,1

Answer 1

您应该能够使用以下命令迭代所有文本框：

function add(e) {
    var obj = {};

    $('#addItem input[type="text"]')
        .each(function(){obj[this.name] = this.value;});
    myItems.push(obj);
}

myItems您的物品的全局容器在哪里，#addItem您的表单在哪里。

更新了jsfiddle。

如果您使用表单和提交按钮，那么您应该能够实现非 JavaScript 方法来添加您的信息，以便未启用 JavaScript 的人也可以访问该网站。