javascript - 如何将输入值添加到数组中

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 的人也可以访问该网站。