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

Question

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

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

            });

        }
    });

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

Answer 1

就像动态地一样:

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

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