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

时间:2016-10-01 08:29:53

标签: jquery arrays user-input

如果这是不正确的讨论区域,请道歉。

我正在寻找一些帮助,使用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和其他获取值的方法,但没有运气。

有什么建议吗?

谢谢。

1 个答案:

答案 0 :(得分:0)

这两个输入是相关的,应该具有相同的父级:

<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