Getting and using values obtained from multiple text boxes via JQuery

Question

I'm trying to get the values from multiple textboxes using JQuery.

I'm a bit of a newbie with Javascript in general. I have a form with the following input element:

<input name="milkman" value="jessie"/>
<input name="letterman2" value="jim" />
<input name="newmilk" />

I get the values of the first two input elements using:

var test_arr = $("input[name*='man']").val();

How do I get at the individual textbox values? When I use the alert() function to echo the value of test_arr, all I see is the first element's value.

Kindly assist.

David Hoerster · Accepted Answer · 2010-08-22 02:35:26Z

Your sample is only returning the value in the first item in the array. You need to iterate through the array, and you can use the each. The jQuery selector syntax returns a jQuery object that contains matched objects as an array.

You can use the other variation of $.each, too, like so...

var test_arr = $("input[name*='man']");
$.each(test_arr, function(i, item) {  //i=index, item=element in array
    alert($(item).val());
});

Since the jQuery object that's returned is an array of matched elements, you can also use a traditional for loop...

//you can also use a traditional for loop
for(var i=0;i<test_arr.length;i++) {
    alert($(test_arr[i]).val());
}

rebelliard · Accepted Answer · 2010-08-22 02:23:23Z

0

Use an each clause:

var test_arr = $("input[name*='man']").each(function() { var current = $(this).val(); });

answered Aug 22, 2010 at 2:23

rebelliard

9,6217 gold badges49 silver badges80 bronze badges

Comments

karel · Accepted Answer · 2019-03-01 13:21:15Z

0

Use the map function.

function getAllData(){
  var allData = $("input[name='name_of_the_textbox']").map(function(){
    return $(this).val();
  }).get();
  alert(allData);
}

edited Mar 1, 2019 at 13:21

karel

5,96562 gold badges58 silver badges60 bronze badges

answered Mar 1, 2019 at 13:05

Anidem Dyoll

11 bronze badge

Collectives™ on Stack Overflow

Getting and using values obtained from multiple text boxes via JQuery

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related