javascript - 多维表单数组到 JavaScript 对象

Question

我正在开发一个需要输入数据行的 Backbone 应用程序（读取：对象数组）。

我有这样的表格：

<tr>
    <td><input type="text" name="items[][qty]"></td>
    <td><input type="text" name="items[][job_number]"></td>
    <td><input type="text" name="items[][description]"></td>
    <td><input type="text" name="items[][purchase_order]"></td>
</tr>
[...]

具有动态行数。

我希望能够以以下形式检索数据：

{
    items: [
        {
            qty: [val],
            job_number: [val],
            description: [val],
            purchase_order: [val]
        },
        [...]
    ]
}

我找到的最接近的解决方案是Aaron Shafovaloff，但它不支持输出中的数组（仅限对象）。我可以修改他的代码来做我需要的事情，但我想我会先在这里问，因为重新发明轮子没有意义。

我在我的项目中使用 jQuery 和 Underscore，因此可以访问它们的方法。

Answer 1

检查https://github.com/serbanghita/formToObject

var myFormObj = new formToObject('myFormId');
// console.log(myFormObj);

Answer 2

我有这种方式来获取多行文本框：

    aItems = new Array();
    $("table tbody tr").each(function(){
        var $this = $(this);

        aItems.push({
            qty:$this.find('input[name="qty"]').val(),
            job_number: $this.find('input[name="job_number"]').val(),
            description:$this.find('input[name="description"]').val(),
            purchase_order:$this.find('input[name="purchase_order"]').val()
        });

    });

这个怎么样：

    aItems = new Array();
    $("table tbody tr").each(function(){
        var items = {};

        $(this).find('input').each(function(){
            items[$(this).attr('name')] = $(this).val();
        }
        aItems.push(items);

    });