如何为组合框指定值

时间:2012-12-04 10:44:12

标签: javascript jquery combobox

发布图片以便更好地解释它。

enter image description here

所以,想象一下,我进行了第一次搜索,然后进行了第二次,第三次,第四次搜索,我想回到原来的搜索中。

我已经有一些代码可以保存旧搜索(工作正常)。我唯一的问题是如何将值分配给组合框,以便组合框返回旧状态。

我怎么能开始这样做?

编辑:

$('#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();

1 个答案:

答案 0 :(得分:0)

我做了一个小提琴,如何为组合框添加选项

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

既然你说你没有保存旧搜索的麻烦,你应该可以把各个部分放在一起

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);
}​