Menu
I've found similar questions here but nothing works for me.
have inputs like:
<input type="text" value="2" name="pages_title[1]"> <input type="text" value="1" name="pages_title[2]"> trying to get these fields like:
$('input[name="pages_title[]"]') but have empty results :(
how to get all fields? I can only get it like $('input[name="pages_title[1]"]')
981
var input = document. getElementsByName('array[]'); The document. getElementsByName() method is used to return all the values stored under a particular name and thus making input variable an array indexed from 0 to number of inputs.
To take input of an array, we must ask the user about the length of the array. After that, we use a Java for loop to take the input from the user and the same for loop is also used for retrieving the elements from the array.
The jQuery map() function translates all items in an object or in array to a new array of items. It applies a function to each item of the object or array and maps the results into a new array.
Use the starts with selector
$('input[name^="pages_title"]').each(function() { alert($(this).val()); }); jsfiddle example
Note: In agreement with @epascarello that the better solution is to add a class to the elements and reference that class.
111
const textValues = $.map($('input[type=text][name="pages_title[]"]'), function(el) { return el.value; }); console.log(textValues);<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="text" value="Hello" name="pages_title[]"> <input type="text" value="World" name="pages_title[]">If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
