javascript - Duplicate a div after changing value of select

Question

I'm trying to to duplicate a div after changing a select like in this link : http://jsfiddle.net/ranell/mN6nm/5/ I have [object] instead of my lists :( Any idea?

Thanks

Answer 1

このjsFiddleの例のようなものですか？

$('#sctChambre').change(function() {
    var total = parseInt($(this).val());
    for (i = 0; i < total; i++) {
        $('#dvCat').after($('#dvCatGr').clone().attr('id', 'c' + i));
    }
});​

Answer 2

Try this: (jsFiddle):

$(document).ready(function () {
    var original = $("#dvCatGr");

    $('#sctChambre').change(function() {
        var total = parseInt($(this).val());

        $('#dvCat').empty();

        for (var i = 0; i < total; i++) {
            $("#dvCat").append($(original).clone().attr("id", "dvCatGr"+ i));
        }
    });
});