Here is my html input elements
<input type="text" name="pname[]" value="" />
<input type="text" name="pname[]" value="" />
<input type="text" name="pname[]" value="" />
<input type="text" name="pname[]" value="" />
<input type="text" name="pname[]" value="" />
<input type="text" name="pname[]" value="" />
How can I get all the values of pname array using Jquery
By Using map
var values = $("input[name='pname[]']")
.map(function(){return $(this).val();}).get();
get() defined? Is that a jQuery thing? An Array.map thing?
You can use .map().
Pass each element in the current matched set through a function, producing a new jQuery object containing the return value.
As the return value is a jQuery object, which contains an array, it's very common to call .get() on the result to work with a basic array.
Use
var arr = $('input[name="pname[]"]').map(function () {
return this.value; // $(this).val()
}).get();
Use:
function getvalues() {
var inps = document.getElementsByName('pname[]');
for (var i = 0; i < inps.length; i++) {
var inp = inps[i];
alert("pname[" + i + "].value=" + inp.value);
}
}
Here is Demo.
