jQuery not getting changed input value

Question

Ive got a button with id 'filter' and also two input fields:

<input type="text" name="Status" value="{{ $Status }}">
<input type="text" name="CusJobNum" value="{{ $CusJobNum }}">

Then I have this jQuery script

$(document).on('click', '#filter', function(){
    var url = 'JobsByDate/?';
    $('input').each(function(){
        var a = $(this).attr('name');
        var b = $(this).attr('value');
        if(!(b == ''))
            url = url + '&'+a+'='+b;
    });

    window.location = url;
});

The code is only getting the default value for the input even if i make a change to the field. Does anyone know why?

use var b = $(this).val();

Pranav C Balan
– Pranav C Balan

2016-08-04 06:40:51 +00:00
Commented Aug 4, 2016 at 6:40 — Pranav C Balan
– Pranav C Balan, Commented Aug 4, 2016 at 6:40

Satpal · Accepted Answer · 2016-08-04 06:41:35Z

3

Use val() to get the value, as of now you are reading its attribute. the method .attr() is used to get attribute value

var b = $(this).val();

OR, Go native

var b = this.value;

answered Aug 4, 2016 at 6:41

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

Comments

Pranav C Balan · Accepted Answer · 2016-08-04 06:42:35Z

1

You are using attr() method to get the value which always return the attribute value in the markup. You should use val() method to get the current value of the element.

var b = $(this).val();

answered Aug 4, 2016 at 6:42

Pranav C Balan

115k25 gold badges172 silver badges195 bronze badges

Comments

James · Accepted Answer · 2016-08-04 06:44:35Z

0

Use val() to get value of input.

 $(document).on('click', '#filter', function(){
        var url = 'JobsByDate/?';
        $('input').each(function(){
            var a = $(this).attr('name');
            var b = $(this).val();
            if(!(b == ''))
                url = url + '&'+a+'='+b;
        });

        window.location = url;
    });

answered Aug 4, 2016 at 6:44

James

1,4761 gold badge13 silver badges25 bronze badges

Collectives™ on Stack Overflow

jQuery not getting changed input 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