JS中如何将多个相同name的两种input的值转换成json格式

Question

JS中如何将多个相同name的两种input的值转换成json格式

input元素如下

<input type="text" name="parts_name" placeholder="名称">

<input type="text" name="parts_remark" placeholder="备注">

<input type="text" name="parts_name" placeholder="名称">

<input type="text" name="parts_remark" placeholder="备注">

<input type="text" name="parts_name" placeholder="名称">

<input type="text" name="parts_remark" placeholder="备注">

使用JS期望转换成的json格式如下

[

    {

        "name": "名称",

        "remark": "备注"

    },

    {

        "name": "名称",

        "remark": "备注"

    },

    {

        "name": "名称",

        "remark": "备注"

    }

]

求教如何使用JS达到这个效果，因为要用AJAX提交，谢谢各位前端大神

Answer 1

var arr = [];$("input[name='parts_name']").each(function(i){&nbsp; &nbsp; var remark = $("input[name='parts_remark']").eq(i);&nbsp; &nbsp; arr.push({"name": $(this).val(), "remark": remark.val()});});

Answer 2

&nbsp; &nbsp;var inputname = document.querySelectorAll("input[name='parts_name']");&nbsp; &nbsp; &nbsp; &nbsp; var inputremark = document.querySelectorAll("input[name='parts_remark']");&nbsp; &nbsp; &nbsp; &nbsp; var arr = [];&nbsp; &nbsp; &nbsp; &nbsp; inputname.forEach(function(el,i){&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var name = el.value;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var remark = inputremark[i].value;&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;arr.push({&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;"name":name,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;"remark":remark&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; &nbsp; &nbsp; });