Changing hidden input element value on the fly using jquery

Question

Used one hidden element to capture changed value

and change the element value using jquery

changeValue(no){
   $('#mobileno').val(no);
}

and then pass the value to ajax

$.ajax({
    url:url,
    type: 'post',       
    data: '{"id":"1", "mobileno":$("#mobileno").val()}',
    success: function(data, status) {
    console.log("Success!!");        
    },    
});

mobileno field always shows empty value value while posting, if i am used alert in change value method then it is working fine

changeValue(no){
 $('#mobileno').val(no);    
 alert( $('#mobileno').val());
}

then it is working fine, your help will be appreciated

JohnP · Accepted Answer · 2011-11-29 12:36:08Z

4

You've quoted your JS object making it into a string

$.ajax({
    url:url,
    type: 'post',       
    data: '{"id":"1", "mobileno":$("#mobileno").val()}',
    ------^                                            ^--------
    success: function(data, status) {
    console.log("Success!!");        
    },    
});

Use this

$.ajax({
    url:url,
    type: 'post',       
    data: {"id":"1", "mobileno": $("#mobileno").val() },
    success: function(data, status) {
    console.log("Success!!");        
    }    
});

edited Nov 29, 2011 at 12:36

answered Nov 29, 2011 at 12:24

JohnP

50k13 gold badges112 silver badges142 bronze badges

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

3 Comments

Manse Over a year ago

and perhaps removing the comma for the end of the .ajax() method parameters ?

JohnP Over a year ago

@ManseUK that shouldn't affect any of the newer browsers, but good point. Updated.

Manse Over a year ago

This is always the first thing i check - ive been bitten by IE many times !

Emre Erkan · Accepted Answer · 2011-11-29 12:24:34Z

1

You shouldn't use single quots when assigning value to data parameter. Try this;

$.ajax({
    url:url,
    type: 'post',       
    data: {"id":"1", "mobileno":$("#mobileno").val()},
    success: function(data, status) {
    console.log("Success!!");        
    }
});

By the way, there is a trailing comma after success parameter which might cause problems.

answered Nov 29, 2011 at 12:24

Emre Erkan

8,4723 gold badges52 silver badges55 bronze badges

Comments

Manse · Accepted Answer · 2011-11-29 12:24:41Z

1

Change your ajax call to :

$.ajax({
    url:url,
    type: 'post',       
    data: {"id":"1", "mobileno":$("#mobileno").val()}, //this line changed
    success: function(data, status) {
    console.log("Success!!");        
    }   // removed comma
});

Remove the quotes on the data line and the comma from the last bracket

answered Nov 29, 2011 at 12:24

Manse

38.1k11 gold badges88 silver badges112 bronze badges

Comments

Sudhir Bastakoti · Accepted Answer · 2011-11-29 12:24:50Z

1

Try:

$.ajax({
    url:url,
    type: 'post',       
    data: "id=1&mobileno="+$("#mobileno").val(),
    success: function(data, status) {
    console.log("Success!!");        
    },    
});

answered Nov 29, 2011 at 12:24

Sudhir Bastakoti

100k15 gold badges163 silver badges169 bronze badges

Collectives™ on Stack Overflow

Changing hidden input element value on the fly using jquery

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related