javascript - 从未知数量的输入字段生成 JSON

Question

我正在为我的客户网上商店创建一个简单的控制面板，我需要将产品颜色选项存储在与表中产品相同的行中。

我有这两个输入字段:

<input class="form-control" name="color[]" placeholder="Color">
<input class="form-control" name="price[]" type="text" placeholder="0.00">

我想创建一个与此类似的 JSON 字符串，这样我就可以将它存储在数据库中并稍后使用:

{"colors":{"Red":"0.00"}}

然而，这是一个转折点:

我的客户可以根据需要多次复制这两个输入字段，我应该从中生成 json。

 $("input[name='color[]'],input[name='price[]']").serializeArray(); 

只是给我:

[Object Object]

所以我一定是做错了什么。

Answer 1

序列化表单:

console.log(JSON.stringify($("form").serializeArray()));

或者您可以保留当前的逻辑并将其字符串化:

console.log(JSON.stringify($("input[name='color[]'],input[name='price[]']").serializeArray()));

例如，这个 fiddle :

http://jsfiddle.net/8U3hw/3/