提交时形成ajax组标签和值

Question

您好，我有一个包含 3 个输入文本字段的表单，它们具有相同的属性 (name="product")。

<div class="col-xs-12">
    <label for="product1" id="product1" class="required">Product 1</label>
    <input  type="text" class="form-control" id="product1"  name="product" required>
</div>
<div class="col-xs-12">
    <label for="product2" id="product2" class="required">Product 2</label>
    <input  type="text" class="form-control " id="product2"  name="product" required>
</div>
<div class="col-xs-12">
    <label for="product3" id="product3" class="required">Product 3</label>
    <input  type="text" class="form-control" id="product3"  name="product" required>
</div>

当我提交时，我想获取名称为 product 的所有输入的值并以这种格式发送它们

Label name  value | Label name : value | Label name : value 

Answer 1

提交后运行一个循环并构建你的数组。

例如：

var arr = [];

$(form).find('input[name="product"]').each(function(index,element){

arr.push({ 'label': $(element).parent().find('label').text(), 'value':$(element).val() }); 

});