如何使用jquery或javascript获取具有相同名称属性的多个文件的值？

Question

I am submitting a form using ajax. In the form user can create input fields dynamically and then input data into them. I want that when form is submitted I get all the instances of input fields and then place there values in an array to pass to ajax function. How do I do that? Here is my HMTL code snippet:

<input type="text" name="movies[]" >//user can create as many fields dynamically as they want to and then submit the form.

How do I get the values of all input fields named movies[]?

Here is my jquery code for form:

$("#subscription").submit(function(){

//How to get the all the input fields named movies[] values here?

$.ajax({

//Form submission logic using ajax here

});

});

Answer 1

You can get the data in an array as follows:

var movies = $('input[name="movies[]"]').map(function(){
   return this.value;
}).get();

now you can pass your movies variable in in ajax function like:

$.ajax({

//Submit form here and pass your movies variable along other data you want to pass

});

Hope that helps.