Jak dodać dynamicznie combobox za pomocą jQuery

Mam ten działający kod, który tworzyjeden combobox:

Możesz to zobaczyć tutaj:jsfiddle

$('body').on('change', '.combo', function() {
    var selectedValue = $(this).val();

    if ($(this).find('option').size() > 2) {
        var newComboBox = $(this).clone();
        var thisComboBoxIndex = parseInt($(this).attr('data-index'), 10);
        var newComboBoxIndex = thisComboBoxIndex + 1;

        $('.parentCombo' + thisComboBoxIndex).remove();

        if (selectedValue !== '') {
            newComboBox.attr('data-index', newComboBoxIndex);
            newComboBox.attr('id', 'combo' + newComboBoxIndex);
            newComboBox.addClass('parentCombo' + thisComboBoxIndex);
            newComboBox.find('option[val="' + selectedValue + '"]').remove();
            $('body').append(newComboBox);
        }
    }
});

Co powoduje coś takiego, za każdym razem, gdy wypełniam combobox, następny jest otwierany.

Jak mogę zmienić ten kod, aby go mieć? Co oznacza otwarcie dwóch comboboxów (proszę zapomnieć ostyl)

Dziękuję Ci.

questionAnswers(2)

yourAnswerToTheQuestion