make array from the input values with jquery

Question

I have html form with names like ...name="bulk[]".... Is there way to get all values of bulk in array with jquery? Ex

$('[name*="bulk"]').val().join('|');// this is incorrect just to show how I need that

• JohnJohnGa: possible duplicate of How to get an Array with jQuery, multiple <input> with the same name
• Oleksandr IY: yes seems like duplicate :(

Answer 1

.map() is made for this purpose

var myarray = $('[name^="bulk"]').map(function(){
 return $(this).val()
}).get();

• Oleksandr IY: it says join is not a function
• JohnJohnGa: I think what you want is to use join on a native js array, see my answer - you just need the additional call to 'get'

Answer 2

You can use map and get to turn it to a true array!

$('[name*="bulk"]').map(function(){
 return $(this).val();
}).get();

Answer 3

Try the following

var obj = [];
$('[name^="bulk"]').each(function(){
 obj.push($(this).val());
});

Answer 4

You can use .map() to add the names

var myarray = $('[name^="bulk"]').map(function(){
return $(this).val()
}).get();

Answer 5

$elements = $(selector).map(function() { return $(this).val() });
var element_array = $.makeArray($elements);

This will make valid array from jQuery selector.

Answer 6

try this:

var arr = [];
$("[name*="bulk"] :input").each(function(){
 var input = $(this);
 arr.push(input.val())
});

It will get only input type fields