different name for dynamically generated text field in jquery

Question

This is a jquery to generate dynamic input text field in html. TO give different name to each text field, 'num ' is incremented . I even try ".attr('name', 'device' + num);"... But its not working .

$(document).ready(function() {
    $("#add").click(function() {
        var intId = $("#buildyourform div").length + 1;
        var num=0;
        num++;
        var fieldWrapper = $("<div class=\"fieldwrapper\" id=\"field" + intId + "\"/>");

**var fName = $("<input type=\"text\" class=\"fieldname\" name=\"' + num + '\" />");**

        var removeButton = $("<input type=\"button\" class=\"remove\" value=\"-\" />");
        removeButton.click(function() {
            $(this).parent().remove();
        });
        fieldWrapper.append(fName);

        fieldWrapper.append(removeButton);
        $("#buildyourform").append(fieldWrapper);
    });

});

if 3 new text fields are generated now, how can i add the value in each text field onkeyup

gdoron · Accepted Answer · 2013-08-24 19:19:29Z

3

You override the num on each click, and messed up the string notations.
Put the num declartion outside the callback:

var num=0;
$("#add").click(function() {
    var intId = $("#buildyourform div").length + 1;
    num++;
    $('<input type="text" class="fieldname" name="' + num + '" />');

A tip of the day, in javascript you can use ' and " for strings notations, you them both and you won't need to escape the other notation.

edited Aug 24, 2013 at 19:19

answered Aug 24, 2013 at 19:14

gdoron

151k59 gold badges302 silver badges376 bronze badges

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

4 Comments

Pradeesh tet Over a year ago

By declaring num outside the function & changing the below line solved the problem var fName = ($('<input type="text" name="' + num + '" />'));

Pradeesh tet Over a year ago

how can i add the value in each text field onkeyup

gdoron Over a year ago

@Prads, I didn't understand what you asked.

Pradeesh tet Over a year ago

i managed to do this in php ... Is there a way to sum the value in each dynamically generated text field (onkeyup event).

Roger Barreto · Accepted Answer · 2013-08-24 19:23:09Z

0

There is a syntax error in your code, you mess with single and double quotes...

Should be something like this

var fName = $('<input type="text" class="fieldname" name="' + num + '" />');

OR:

var fName = $("<input type=\"text\" class=\"fieldname\" name=\"" + num + "\" />");

answered Aug 24, 2013 at 19:23

Roger Barreto

2,2841 gold badge19 silver badges24 bronze badges

Collectives™ on Stack Overflow

different name for dynamically generated text field in jquery

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related