Retrieving inputs' values using Jquery

Question

I'd like to retrieve some input box' value of my page to proceed to an ajax request, so I wrote :

    var account_data = ['firstname', 'lastname', 'e-mail'];
    $.each(account_data, function(index,value){
       var tmp = '[name='+value+']';
       data.value = $(tmp).val();
    });

But it doesn't work when I alert the values in my console (it returns undefined)

api.jquery.com/serialize would be a better choice I would think — mplungjan
– mplungjan, Commented Jan 22, 2013 at 10:37

bipen · Accepted Answer · 2013-01-22 10:35:43Z

1

use input selector with name attributes

try this

data={};  //create new object
var account_data = ['firstname', 'lastname', 'e-mail'];
$.each(account_data, function(index,value){
   var tmp = 'input[name="'+value+'"]'; //here
   //alert($(tmp).val());
   data[value] = $(tmp).val();  //push the value to the data object
});

now you can proceed the data with the ajax request

edited Jan 22, 2013 at 10:35

answered Jan 22, 2013 at 10:29

bipen

36.6k9 gold badges51 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

adeneo · Accepted Answer · 2013-01-22 10:32:21Z

1

If it's all the inputs you could do:

var account_data = $.map( $('input'), function() { return this.value; });

otherwise:

var account_data = ['firstname', 'lastname', 'e-mail'],
    data = {};

$.each(account_data, function(index,vals){
   data[vals] = $('[name="'+vals+'"]').val(); //you're overwriting data.value
});

console.log(data);

answered Jan 22, 2013 at 10:32

adeneo

319k29 gold badges410 silver badges392 bronze badges

Collectives™ on Stack Overflow

Retrieving inputs' values using Jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related