appending variable to an input value using val()

Question

The following code appends text goes here to an input value

$('#someid').val($('#someid').val() + 'text goes here');

I'm trying to use variable like below but It isn't working

var someText= text goes here;
$('#someid').val($('#someid').val() + 'someText');

How can I properly append variable using val() ?

element which holding id someid is an text box?

Anto S
– Anto S

2015-04-05 10:10:01 +00:00
Commented Apr 5, 2015 at 10:10 — Anto S
– Anto S, Commented Apr 5, 2015 at 10:10
if it is normal html element you have to use append()

Anto S
– Anto S

2015-04-05 10:10:18 +00:00
Commented Apr 5, 2015 at 10:10 — Anto S
– Anto S, Commented Apr 5, 2015 at 10:10

Shashank · Accepted Answer · 2015-04-05 10:10:50Z

3

Take away the quotes so you're accessing the variable and not the string literal.

var someText = 'foo bar';
$('#someid').val($('#someid').val() + someText);

answered Apr 5, 2015 at 10:10

Shashank

13.9k5 gold badges39 silver badges63 bronze badges

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

Comments

Guffa · Accepted Answer · 2015-04-05 10:10:10Z

3

You don't use string delimiters around a variable:

$('#someid').val($('#someid').val() + someText);

answered Apr 5, 2015 at 10:10

Guffa

703k111 gold badges760 silver badges1k bronze badges

Comments

Anto S · Accepted Answer · 2015-04-05 10:16:12Z

2

assign your variable like a string; below

var someText= "text goes here";
$('#someid').val($('#someid').val() + someText);

edited Apr 5, 2015 at 10:16

answered Apr 5, 2015 at 10:14

Anto S

2,4576 gold badges35 silver badges52 bronze badges

2 Comments

abc123 Over a year ago

you still have the 'someText' variable in quotes

abc123 Over a year ago

Never a problem, i'm glad to help it was just a simple typo/mistake anyways. Just want to make sure that the answer is correct, because it's important that users get good answers.

abc123 · Accepted Answer · 2015-04-05 10:17:03Z

2

jsFiddle

Description

In my jQuery you'll see that I used .html this can easily be switched to .val if needed. I used .html only for demo's sake, the main part to learn is that a variable is used by name only.

HTML

<p id='someid'>more stuff</p>

JS

# someText is a string variable by putting quotes around the text
var someText=' text goes here';
# someText is a variable and thus is just appended without quotes
$('#someid').html($('#someid').html() + someText);

answered Apr 5, 2015 at 10:17

abc123

19k7 gold badges55 silver badges84 bronze badges

Collectives™ on Stack Overflow

appending variable to an input value using val()

4 Answers 4

Comments

Comments

2 Comments

jsFiddle

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related