Use variable inside a string in Javascript

Question

I am trying to add some DOM when click in a button. But i want to add the name attribute dynamically. Here is my code

$(document).ready(function() {
                console.log("done");
                var counterEdu = 1;
                $("#add-edu").click(function (event) {
                    event.preventDefault();
                    counterEdu  = counterEdu+1;    
                    $("#passing-year").after('<div class="col-md-12 form-group1">'+'<input type="text" placeholder="Degree Name" name="degree"+counterEdu;>'

                });
            });

I want to add the name attribute concatenated with

counterEdu

variable. like degree1,degree2..... so how to do that?

Ionut Necula · Accepted Answer · 2017-03-05 00:27:24Z

2

You need to escape it properly:

$("#passing-year").after('<div class="col-md-12 form-group1">' + '<input type="text" placeholder="Degree Name" name="degree'+counterEdu +'">'

answered Mar 5, 2017 at 0:27

Ionut Necula

11.6k4 gold badges49 silver badges72 bronze badges

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

2 Comments

Mutasim Fuad Over a year ago

Thanks that helped. :)

Ionut Necula Over a year ago

@MutasimFuad, you're welcome. I'm glad it worked. Please don't forget to accept the answer if it helped. Thanks.

YounesM · Accepted Answer · 2017-03-05 00:29:21Z

1

Since counterEdu is not a string

$(document).ready(function() {
            console.log("done");
            var counterEdu = 1;
            $("#add-edu").click(function (event) {
                event.preventDefault();
                counterEdu  = counterEdu+1;    
                $("#passing-year").after('<div class="col-md-12 form-group1">'+'<input type="text" placeholder="Degree Name" name="degree'+counterEdu+'">'

            });
        });

edited Mar 5, 2017 at 0:29

answered Mar 5, 2017 at 0:28

YounesM

2,31717 silver badges30 bronze badges

1 Comment

Ionut Necula Over a year ago

This is not ok. Hint: name attribute is closing earlier.

Collectives™ on Stack Overflow

Use variable inside a string in Javascript

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related