javascript - 使用 jQuery 向选择添加选项 - 更改顺序

Question

我编写了以下代码来填充 Jquery 中的列表框(基于 What is the best way to add options to a select from an array with jQuery? )

function populate(id, selectValues, theSelected, empty) {
    if (empty) {
        $(id).empty();
    }
    $.each(selectValues, function(key, value) {
        $(id).append($("<option></option>").attr("value", key)
             .prop('selected', key == theSelected).text(value));
    });
}

我使用例如调用函数以下代码

populate('#BASE1', {
    "8": "2012 average=100",
    "7": "2010 average=100",
    "6": "2008 average=100",
    "5": "2006 average=100",
    "4": "2002 average=100",
    "3": "2000 average=100",
    "2": "1998 average=100",
    "1": "1993 average=100"
}, selectedBase, true);

然而，列表是按照 ID 的顺序排列的 - 即

如何调整我的填充函数以按照我列出它们的顺序对它们进行排序？ (显然我可以重新分配 ID，但我想知道是否有其他解决方案)

Answer 1

将 .append() 更改为 .prepend():

$.each(selectValues, function(key, value) {
    $(id).prepend($("<option></option>").attr("value", key)
         .prop('selected', key == theSelected).text(value));
});

Working Demo