Question

Ill post an image to explain it better.

So, imagine that I make a 1st search, then I make a 2nd, or 3rd, 4th..search and I want to back to my old searches.

I already have some code that saves old searches (working fine). My only problem is how to assign the values to a combobox in order to comboboxes return to an old state.

How could I start doing this?

edit:

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

        if (selectedValue !== '' && $(this).find('option').size() > 2) {
            var newComboBox = $(this).clone();
            var thisComboBoxIndex = parseInt($(this).attr('data-index'), 10);
            var newComboBoxIndex = thisComboBoxIndex + 1;
            $('.parentCombo' + thisComboBoxIndex).remove();
            newComboBox.attr('data-index', newComboBoxIndex);
            newComboBox.attr('id', 'combo' + newComboBoxIndex);
            newComboBox.addClass('parentCombo' + thisComboBoxIndex);
            newComboBox.find('option[value="' + selectedValue + '"]').remove();
            $('#combos').append(newComboBox);
        }
        });


var check_combo_box_values = $('#combos .combo').map(function () 
                {
                    return $('option:selected', this).map(function() {
                    return parseInt(this.value);
                    }).get();
                }).get();

Answer 1

I made a fiddle how to add options to a combobox

http://jsfiddle.net/hRQqp/2/

Since you stated you had no troubles with saving the old searches, you should be able to put the pieces together

var dropdown = document.getElementById('dropdown');
var list = [
    "first",
    "second",
    "third"
];

// remove old options
while (dropdown.length> 0) {
    dropdown.remove(0);
} 

// add new ones
for (var i=0;i<list.length; i++) {
    var option = document.createElement("option");
    option.textContent = list[i];
    option.value = i;
    dropdown.appendChild(option);
}​