Home/ Questions/Q 9060067
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-16T15:07:43+00:00

Possible Duplicate: How to add dynamically a combobox using jQuery Look, I’ve this working

  • 0

Possible Duplicate:
How to add dynamically a combobox using jQuery

Look, I’ve this working code for dynamic comboboxs.

<html>
<div id="combos" class="styled-select">
<select id="combo1" class="combo" data-index="1">
<option></option>
<option>sss</option>
<option>aaa</option>
<option>ddd</option>
</select>
</div>

<script>
$('#combos').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'), 2);
            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[value="' + selectedValue + '"]').remove();
            $('#combos').append(newComboBox);
            }
        }
        });
</script>
</html>

What this does is create a new one combobox everytime I fill the combobox before.

What Im looking for is that code create 2 comboboxs everytime I fill the combobox before, instead just one.

How could I do that?

Cheers

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Not sure if this what you want but this adds two combo boxes
    (after $(‘#combos’).append(newComboBox);):

    var otherComboBox = $('#combo' + newComboBoxIndex).clone();
otherComboBox.attr('id', 'othercombo' + newComboBoxIndex);
$('body').append(otherComboBox);
    • 0