Increment array when cloning jQuery

Question

I have the following code: http://jsfiddle.net/stomp/a8vjg/

Everything works well except I need the name of the select field to be extras[0], then extras[1] for the next one added and so on..

Can anybody help?

Cheers, Steve

In future, please don't just include a link to jsFiddle. Your post should standalone from any other resource; consider what'd happen if jsFiddle went down in the future. — Matt
– Matt, Commented May 15, 2012 at 12:25

Sameh Serag · Accepted Answer · 2012-05-15 12:37:53Z

1

First you should name your select element with "extras" only ...

<select name="extras">

Then get it using

elemenets = $('[name=extras]')

it will be an Array you can access by extras[0] , extras[1] , ..... etc

answered May 15, 2012 at 12:37

Sameh Serag

7461 gold badge8 silver badges22 bronze badges

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

Comments

Sudhir Bastakoti · Accepted Answer · 2012-05-15 12:37:44Z

0

Do you mean:

case "add":
                var newTag = tag.clone();
                var i = $("#multi").find("select").length;
                console.log(i);
                 newTag.find("select").attr("name", 'extras['+i+']');              
            tag.after(newTag.find("input").val("").end());
            break;

See: jsFiddle

answered May 15, 2012 at 12:37

Sudhir Bastakoti

100k15 gold badges163 silver badges169 bronze badges

1 Comment

Steven Jones Over a year ago

This sometimes creates duplicates if you add/remove items a lot

sakhunzai · Accepted Answer · 2012-05-15 15:01:52Z

0

You need sth like this when cloning:

case "add":
            var cnt=jqEl.parent().siblings().size();
            var cloned=tag.clone();
               $(cloned).find("input").val("")
                   .end()
                   .find('select').attr('name','extra['+cnt+']');

            tag.after(cloned);
            break;

check the working fork (might be duplicates if you remove and add)

No duplicates fiddle (serial number could not be ensured if you delete a node)

So the perfect solution could be adding the ids on [Save] button here is the solution

function save(e) {
        multiTags.find("select").each(function(i){
            $(this).attr('name','extras['+i+']');
        });

        var tags = multiTags.find("input.tag").map(function() {
            return $(this).val();
        }).get().join(',');
        alert(tags);
        return false;
    }

edited May 15, 2012 at 15:01

answered May 15, 2012 at 12:36

sakhunzai

14.6k27 gold badges107 silver badges163 bronze badges

2 Comments

Steven Jones Over a year ago

This sometimes creates duplicates if you add/remove items a lot

sakhunzai Over a year ago

what you want when a node is removed , reset the names ?

Collectives™ on Stack Overflow

Increment array when cloning jQuery

3 Answers 3

Comments

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related