How to put iterated variable in a HTML inside jQuery function?

Question

I have a function:

jQuery(function($) {
var scntDiv = $('#textfields');
var i = $('#textfields p').size() + 2;
var a = 0;
$('#addbutton').click (function() {
$('<p><input type="text" id="test_testbutton" name="test_testbutton[a][0]" value="" placeholder="Input Value" /><input type="text" id="test_testbutton" name="test_testbutton[a][1]" value="" placeholder="Input Value" /><a href="#" id="removebutton">Remove</a></p>').appendTo(scntDiv);
                i++;
        a++;
                return false;
        });

$('#removebutton').live('click',function() { 
if( i > 2 ) {
$(this).parents('p').remove();
i--;
}
return false;
});
});

And what I'd like to achieve is to make 'test_testbutton[a][0]' a 'test_testbutton[0][0], test_testbutton[1][0], test_testbutton[2][0]...etc' with every iteration. You may laugh, but I'm seraching for any info about it since today morning and I couldn't find the exact example. When I "console.log" the variable everything works perfectly, but I don't know how to put a variable inside HTML...

duplicate of this :stackoverflow.com/questions/16302941/…

Ehsan Sajjad
– Ehsan Sajjad

2014-03-19 15:39:37 +00:00
Commented Mar 19, 2014 at 15:39 — Ehsan Sajjad
– Ehsan Sajjad, Commented Mar 19, 2014 at 15:39

Scimonster · Accepted Answer · 2014-03-19 19:11:17Z

1

Just concatenate the value into the string like so:

'<p><input type="text" id="test_testbutton" name="test_testbutton['+a+'][0]" value="" placeholder="Input Value" /><input type="text" id="test_testbutton" name="test_testbutton['+a+'][1]" value="" placeholder="Input Value" /><a href="#" id="removebutton">Remove</a></p>'

edited Mar 19, 2014 at 19:11

answered Mar 19, 2014 at 15:33

Scimonster

33.4k10 gold badges79 silver badges92 bronze badges

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

1 Comment

Daniel Over a year ago

This is IT!! i tried to use '+a' but it gave me an error every time I used it, I wasn't aware that it's needed to add another + after a variable. Thank you!!

Collectives™ on Stack Overflow

How to put iterated variable in a HTML inside jQuery function?

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related