Multiple append not working jQuery

Question

I have two comboboxes that I need to populate with the same information when another combobox data is changed.

However, when I use the .append() method, it's apparent that it only executes the latest append call. Here is the code:

    $('.sc-days').change(function () {
        var scedo = $('.sc-edo');
        var sclpo = $('.sc-lpo');
        var selected = $(".sc-days option:selected");
        scedo.append(selected);
        sclpo.append(selected);
    });

When this is run, only 'sclpo' will be populated. You can see the results here. http://jsfiddle.net/DF42s/

An element can't be in two places at once. Both calls are made. The first moves it from its current location to the scedo element, and the second moves it to the sclpo element — cookie monster
– cookie monster, Commented Jun 16, 2014 at 3:31
I just find it odd that it chooses the second drop down instead of the first. — prog_24
– prog_24, Commented Jun 16, 2014 at 3:32
It isn't odd. That's the final location to which you moved the selected element. — cookie monster
– cookie monster, Commented Jun 16, 2014 at 3:33
I thought it would work as you can do this sort of assignment in many other languages. — prog_24
– prog_24, Commented Jun 16, 2014 at 3:38
The DOM is a tree structure of objects. When you append a particular node, it's removed from its current location and relocated to the new location. So it's not really a language construct. It's just the structure of objects that is created from your HTML markup, and any given node in the structure can only exist in one location in the tree. — cookie monster
– cookie monster, Commented Jun 16, 2014 at 3:42

cookie monster · Accepted Answer · 2014-06-16 03:36:49Z

5

Assuming you intended to append copies of the original, do this:

$('.sc-days').change(function () {
    var selected = $(".sc-days option:selected");
    $('.sc-edo').append(selected.clone());
    $('.sc-lpo').append(selected.clone());
});

answered Jun 16, 2014 at 3:36

cookie monster

11k4 gold badges33 silver badges45 bronze badges

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

Collectives™ on Stack Overflow

Multiple append not working jQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related