Question

I am using .val() to set the values in HTML. My code is like this:

function first(){
var a=1;
$("#pg_textbox").val(a);
}

Now this code sets vales in my hidden HTML id ‘pg_textbox’:

<input type="hidden" id="paging_textbox">

On the second function call, it is like this:

function secound(){
var b=2;
$("#pg_textbox").val(b);
}

Now when I use:

$("#pg_textbox").val();

to get the value of ‘#pg_textbox’ i am getting output is

2

It is replacing the values. I want my output like:

1,2

How can I get this output without replacing the value?

Thanks.

Answer 1

When you call .val(b), you do reset the entire value of the textbox. Calling .val() will only retreive what’s in the textbox, it has no recollection of past values.

You’ll need to update your setter:

$('#pg_textbox').val( $('#pg_textbox').val() + ',' + b);