jquery add/remove input dynamically

Question

I'm trying to implement a dynamic input field on jQuery. But nothing is happening in this code. Somehow i believe the error is syntax related, or at least related to jquery fundamentals so i apologize in advance.

var add = function(){
    var intID = $('#target').length+1;
    var row = $('<tr id=\"row'+intID+'\">row</tr>');
    var data_1 = $('<td><input type=\"text\" name=\"part'.intID.'\"/></td>');
    var data_2 = $('<td><input type=\"text\" name=\"pos'.intID.'\"/></td>');
    var remove_button = $('<td><input type=\"button\" onclick=\"$(this).parent().parent().remove()\"/></td>');
    $(row).append(data_1);
    $(row).append(data_2);
    $(row).append(remove_button);
    $('#target').append(row);
}

The target is an empty table and im trying to add and remove the appropriate rows.

I'm not clear what the use of period '.' is for in your statements ...id=\"row'.intID.'\">r... should you use '+' to concat to a single string? — Kirk B.
– Kirk B., Commented Oct 23, 2013 at 1:19
I fixed the concat error, but I still get no response from my code. — ebichuhamster
– ebichuhamster, Commented Oct 23, 2013 at 1:23
you've updated the question with one concat correction, but the two related to the input fields are still using the . — ethorn10
– ethorn10, Commented Oct 23, 2013 at 1:34

StackSlave · Accepted Answer · 2013-10-23 01:08:14Z

2

Your are concatenating incorrectly. .intID. should be +intID+.

answered Oct 23, 2013 at 1:08

StackSlave

10.6k2 gold badges20 silver badges35 bronze badges

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

Comments

Tushar Gupta - curioustushar · Accepted Answer · 2013-10-23 01:11:39Z

1

You should replace .intID. with +intID+

edited Oct 23, 2013 at 1:11

Tushar Gupta - curioustushar

57.2k24 gold badges106 silver badges110 bronze badges

answered Oct 23, 2013 at 1:08

Saroj

1,14811 silver badges16 bronze badges

Collectives™ on Stack Overflow

jquery add/remove input dynamically

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related