How to append a textfield using javascript

Question

split_values1 is an array and it contents some values, all i want to do is add those values to the textfield with a , separating them.

for(var i = 0; i < split_values1.length; i++) {
   $('#teach_subjects').value += split_values1[i]", ";
}

Why do you think string concatenation is performed with &? jQuery objects don't have a value property. jQuery's documentation os quite good, it's the first thing you should have a look at: api.jquery.com — Felix Kling
– Felix Kling, Commented Feb 16, 2012 at 13:42

sinsedrix · Accepted Answer · 2012-02-16 13:41:49Z

4

Use join on your array and val to set textfield value:

$('#teach_subjects').val(split_values1.join(', '));

answered Feb 16, 2012 at 13:41

sinsedrix

4,8055 gold badges38 silver badges66 bronze badges

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

1 Comment

sinsedrix Over a year ago

@JackalopeZero Just call me Lucky Luke :)

RonnyKnoxville · Accepted Answer · 2012-02-16 13:43:46Z

1

Just do this:

$('#teach_subjects').val(split_values1.join(", "))

answered Feb 16, 2012 at 13:43

RonnyKnoxville

6,43410 gold badges50 silver badges80 bronze badges

Comments

Matthias · Accepted Answer · 2012-02-16 13:43:52Z

1

Try:

var value = split_values1.join(", ");
$('#teach_subjects').val(value);

answered Feb 16, 2012 at 13:43

Matthias

12.3k4 gold badges53 silver badges96 bronze badges

Comments

marc_s · Accepted Answer · 2016-02-19 06:26:35Z

0

Since you are using jQuery I would do this.

var val = $('#teach_subjects').val();
for(var i = 0; i < split_values1.length; i++) {
   val += split_values1[i] + ", ";
}
$('#teach_subjects').val(val);

It's a bad idea for performance reasons to constantly update a value in the DOM, so I used string concatenation.

As others have stated join might be a better choice.

edited Feb 19, 2016 at 6:26

marc_s

760k186 gold badges1.4k silver badges1.5k bronze badges

answered Feb 16, 2012 at 13:40

Daniel A. White

192k49 gold badges389 silver badges473 bronze badges

4 Comments

Namit Over a year ago

Superb, thanks! I know it was a simple one for you, but i am new to using javascript! Thanks again.

sinsedrix Over a year ago

-1 : There will be a trailing ', ' at the end of the textfield.

Daniel A. White Over a year ago

@sinsedrix - what if they need it?

sinsedrix Over a year ago

@DanielA.White The OP asked for a separator, not an end of value character.

Collectives™ on Stack Overflow

How to append a textfield using javascript

4 Answers 4

1 Comment

Comments

Comments

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

Comments

Comments

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related