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

Question

如果这是错误的讨论区，请原谅。

我正在寻找一些使用jquery添加多个用户输入到数组的帮助。

我有一个表单，动态添加和删除字段如下所示(最大5，但可能不总是5，最小1):动态输入

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

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 .