javascript - 将静态选项与动态选项一起添加到HTML Select中

我有一些JQuery，它获取JSON数组并填充HTML Select下拉菜单，并且工作正常：

    $.ajax({
        url: urlLink,
        success: function(data) {
            var sel = $('#siteChangeSelect');
            sel.empty();

            var SiteList = (data.sites);

            $('#chSBtn').show();

            $.each(SiteList, function(i, item){
                sel.append('<option value ="' + SiteList[i].customerReference + '">' + SiteList[i].customerSite + '</option>');

            });

        }
    });

但是，我想做的是在列表中添加一个选项，用户可以选择默认选项，例如“使用所有可用”。如何将此选项添加到动态生成的列表的底部？

最佳答案

就像您动态地那样：

$.each(SiteList, function(i, item){
  sel.append('<option value ="' + SiteList[i].customerReference + '">' + SiteList[i].customerSite + '</option>');
});
sel.append('<option value ="all" selected>Use All Available</option>');

但是，我将其附加到顶部，而不是底部。