jQuery loop through all text fields with class and get the value

Question

I am trying to loop through all input=text fields that have a specific class and extract the value of the input fields using jQuery. I can't seam to get the value though as no matter what, it gives me "(an empty string)" in the console.

How can I get the value? My code is:

$.each($('.datepicker'), function() {
    console.log(this);
    console.log($(this).val());
});

The output of this is:

<input id="createdDate" class="datepicker hasDatepicker" type="text" onchange="setDueDate();" value="2013-06-19" size="8" name="invoice[createdDate]">
(an empty string)
<input id="dueDate" class="datepicker hasDatepicker" type="text" value="2013-06-19" size="8" name="invoice[dueDate]">
(an empty string)

Edit: It seams the issue was part cached JS (even though the file was showing correctly in the source, it was executing the older JS...very odd), and part the jQuery datepicker screwing things up. I fixed it like so:

$(document).ready(function() {
    $('.datepicker').datepicker();

    $.each($('.datepicker'), function() {
        date = $(this).val();

        $(this).datepicker('option', 'dateFormat', 'yy-mm-dd');
        $(this).datepicker('setDate', date);
    });
});

just set up a fiddle with your code and it is working as expected - jsfiddle.net/YR892 — user700284
– user700284, Commented Jun 20, 2013 at 8:52

Gokul Kav · Accepted Answer · 2013-06-20 08:58:46Z

6

$('.datepicker').each(function(index, item) {
    console.log($(item).val());
});

should work

edited Jun 20, 2013 at 8:58

answered Jun 20, 2013 at 8:50

Gokul Kav

8591 gold badge8 silver badges14 bronze badges

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

Comments

Kinjal Pathak · Accepted Answer · 2017-10-18 03:57:44Z

1

$('.datepicker').each(function(){
   console.log(this.value);
});

answered Oct 18, 2017 at 3:57

Kinjal Pathak

3712 silver badges9 bronze badges

Comments

krampstudio · Accepted Answer · 2013-06-20 08:51:45Z

0

$(.datepicker).each(function(index, element)){
    console.log($(element).val());
});

answered Jun 20, 2013 at 8:51

krampstudio

3,6312 gold badges45 silver badges66 bronze badges

Collectives™ on Stack Overflow

jQuery loop through all text fields with class and get the value

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related