使用 jquery 将动态输入字段添加到数组

Question

如果这是不正确的讨论区，我们深表歉意。

我正在寻求有关使用 jquery 将多个用户输入添加到数组的帮助。

我有一个动态添加和删除字段的表单，如此处所示（最多 5 个，但可能不总是 5 个，最少 1 个）： dynamic inputs

我想遍历课程编号和描述并添加到数组中。例如：

Array 
(
[0] => PT 101, Personal Training 101
[1] => EH 263, Eating Healthy
}

我目前是这样得到结果的：

var courseInfo = $("input[name='course_num\[\]'], input[name='course_desc\[\]']").map(function() { return $(this).val(); }).get().join(",");

我尝试了 .toArray、.get 和其他获取值的方法，但没有成功。

有什么建议吗？

谢谢。

Answer 1

两个输入是相关的，应该有相同的父级：

<div name="parent">
  <input name="course_num" />
  <input name="course_desc" />
</div>

那么，您的选择器应该基于父级：

var arr = $("[name='parent']").map(function() {
      return {
        num: $(this).find("input[name='course_num']").val(),
        desc: $(this).find("input[name='course_desc']").val()
      };
  });

JSFIDDLE.

使用 jquery 将动态输入字段添加到数组

add dynamic input fields to array using jquery

arrays

jquery

user-input