Get value after changing input value with jQuery?

Question

This is my script that after changing input value should send it to php file with Ajax.But it's sending the actual value from input field which is set via php.How can i set the new value to be given?

var idg;
var newg;

$('input.readonly').live("click",
    function() {
    $(this).attr('readonly', false);
    idgs=$(this).attr('id');
    newg=$(this).attr('value');

    $(this).change(function(){
        $.ajax({
          type:'POST',
          url: 'new.php',
          data: "idgs="+ idgs +"&newg="+ newg,
          success: function(data) { $('.right').html(data); }
        });
    })
});

can you point out the line where you are changing the value

Rafay
– Rafay

2012-03-03 14:15:42 +00:00
Commented Mar 3, 2012 at 14:15 — Rafay
– Rafay, Commented Mar 3, 2012 at 14:15

Chamika Sandamal · Accepted Answer · 2012-03-03 14:15:38Z

1

$(this).change(function(){
 $.ajax({
      type:'POST',
      url: 'new.php',
      data: "idgs="+ idgs +"&newg="+ $(this).val(),
      success: function(data) {
        $('.right').html(data);

      }
    });
});

answered Mar 3, 2012 at 14:15

Chamika Sandamal

24.4k5 gold badges68 silver badges88 bronze badges

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

Comments

Frederick Behrends · Accepted Answer · 2012-03-03 14:18:42Z

1

var idg;
var newg;
$('input.readonly').live("click", function(){

    $(this).attr('readonly', false);

    $(this).change(function(){
        idgs=$(this).attr('id');
        newg=$(this).val();
        $.ajax({
            type:'POST',
            url: 'new.php',
            data: "idgs="+ idgs +"&newg="+ newg,
            success: function(data) {
                $('.right').html(data);
            }
        });

    })

});

This should do it, you where filling idg and newg with the default values, before they changed.

answered Mar 3, 2012 at 14:18

Frederick Behrends

3,09526 silver badges47 bronze badges

Comments

Simon · Accepted Answer · 2012-03-03 14:16:42Z

0

You need to use the val() method like this:

newg=$(this).val();

answered Mar 3, 2012 at 14:16

Simon

1,75512 silver badges8 bronze badges

Comments

pete · Accepted Answer · 2012-03-03 14:23:30Z

Try setting newg with .val() instead, and set it in the change handler to grab the updated value.

newg = $(this).val();

Also, you might find it more readable to pass an object to data, a la:

data: {
    'idgs': idgs,
    'newg': newg
},

Full code:

$('input.readonly').live("click", function () {
    $(this).attr('readonly', false);
    $(this).change(function () {
        var idgs = $(this).attr('id');
        var newg = $(this).val();
        $.ajax({
            type: 'POST',
            url: 'new.php',
            data: {
                'idgs': idgs,
                'newg': newg
            },
            success: function (data) {
                $('.right').html(data);
            }
        });
    })
});

Collectives™ on Stack Overflow

Get value after changing input value with jQuery?

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related