Как динамически добавить комбинированный список с помощью jQuery

ve этот рабочий код, который создаетодин поле со списком:

Вы можете увидеть это работает здесь: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);
        }
    }
});

Что приводит к чему-то следующему: каждый раз, когда я заполняю комбинированный список, открывается следующий.

Как я могу изменить этот код, чтобы иметь это? Это означает, что два раскрывающихся списка (пожалуйста, забудьтестиль)

Спасибо'

Ответы на вопрос(2)

Ваш ответ на вопрос