Question

我试图验证动态数组输入，但我无法弄清楚如何操作，这是我的HTML：

<input type="text" class="form-control" name="studentContactDesc" placeholder="Description">
<input type="text"  class="form-control" name="studentContactPhone" placeholder="Phone">

当用户点击按钮时，该过程会添加更多输入，如下所示：

<input type="text" class="form-control" name="studentContactDesc" placeholder="Description">
<input type="text"  class="form-control" name="studentContactPhone" placeholder="Phone">
<input type="text" class="form-control" name="studentContactDesc" placeholder="Description">
<input type="text"  class="form-control" name="studentContactPhone" placeholder="Phone">

每次用户点击按钮时，该过程都会添加相同的两行。

我正在阅读数据：

$(document).on('click','#saveRecord',function() {
    $("input[name=studentContactDesc]").each(function() {
        alert($(this).val());
    });

    $("input[name=studentContactPhone]").each(function() {
        alert($(this).val());
    });
});

此功能首先读取所有描述字段，然后读取所有电话字段。

如果有任何方法可以阅读手机的说明字段和其他具有相同订单的字段吗？

Answer 1

您可以修改下面的功能，同时提醒description以及phone信息。

   $(document).on('click','#saveRecord',function() {
    var contact = $("input[name=studentContactDesc]");
    var phone =  $("input[name=studentContactPhone]");
    for(var i=0;i<contact.length;i++){
        alert(contact[i].value);
        alert(phone[i].value);
     }
   });

Answer 2

您可以将每组输入包装在div中并迭代div。
<div class='item'> <input type="text" class="form-control" name="studentContactDesc" placeholder="Description"> <input type="text" class="form-control" name="studentContactPhone" placeholder="Phone"> </div>

<code>
$('.item').each(function(){
     var values = "";
     $(this).children('input').each(function() { 
         values += $(this).val() + " ";
    });
    alert(values);
 });
</code>

从具有2个不同输入的数组中获取值

2 个答案: