如何处理由表格div组成的表单中的以下json数据

时间:2018-01-17 15:45:30

标签: javascript jquery html json

我有一个表单,其中数据由表格中的div组成。每行都被认为是一个记录,但是当我得到serializeArray值时,似乎没有一种方法可以清楚地分开每一行。下面是div结构的片段,然后返回序列化数据的示例。首先是div结构。

<div id="mainnotetocodediv">
<div id="1">
    <input type="hidden" name="installnoteid" value="1">                         
    <label class="blockinline width-800"></label>
    <input type="text" name="ksinotecode" class="width-75" value="r">
</div> 
<div id="2">
    <input type="hidden" name="installnoteid" value="2"> 
    <label></label>
    <input type="text" name="ksinotecode" class="width-75" value="r">
</div> 
<div id="3">
    <input type="hidden" name="installnoteid" value="3">
    <label></label>
    <input type="text" name="ksinotecode" class="width-75" value="r">
</div> 
<div id="4">
    <input type="hidden" name="installnoteid" value="4">
    <label></label>
    <input type="text" name="ksinotecode" class="width-75" value="r">
</div>

现在这是控制台日志中返回的数组。我构建了每行应如何逻辑布局。

[{"name":"installnoteid","value":"1"},{"name":"ksinotecode","value":"r"}
,{"name":"installnoteid","value":"2"},{"name":"ksinotecode","value":"r"}
,{"name":"installnoteid","value":"3"},{"name":"ksinotecode","value":"r"}
,{"name":"installnoteid","value":"4"},{"name":"ksinotecode","value":"r"}]

处理此问题的最佳方法是什么?

1 个答案:

答案 0 :(得分:0)

将所有输入名称设为数组

如下所示我添加了一个<div>

<div id="1">
    <input type="hidden" name="installnoteid['one'][]" value="1">                         
    <label class="blockinline width-800"></label>
    <input type="text" name="ksinotecode['one'][]" class="width-75" value="r">
</div>