Javascript 如何向所选组合框添加加载旋转

我使用的是Jquery 1.5.1。在通过ajax调用填充动态数据时，我是否可以在检索过程中显示加载图标

以下是我正在使用的代码：

$("#itemsList").chosen({
    no_results_text: "Oops, nothing found!",
    width: "100%",
    inherit_select_classes: true
});
$('.chosen-choices input').autocomplete({
    source: function(request, response) {
        if (request.term.trim().length >= 3) {
            Items.searchitemsByText(request.term, function(response) {
                if (response && response.code == 0 && response.items.length > 0) {
                    ($.map(response.items, function(item) {
                        $('ul.chosen-results').append('<li class="active-result">' + item.name + '</li>');
                        $('#itemsList').append('<option value="' + item._id + '">' + item.name + '</option>');
                        $("#itemsList").trigger("chosen:updated");
                    }));
                }
            })
        }

    }
});

$（“#项目列表”）。已选择({
无结果文本：“哎呀，什么也没找到！”，
宽度：“100%”，
继承\u选择\u类：true
});
$（'.Selected choices input'）。自动完成({
来源：功能（请求、响应）{
if（request.term.trim（）.length>=3）{
Items.searchitemsByText（request.term，函数（response）{
if（response&&response.code==0&&response.items.length>0）{
（$.map（response.items，函数（item））{
$（'ul.selected results'）.append（'li class=“active result”>'+item.name+''）；
$（“#itemsList”）.append（“”+item.name+“”）；
$（“#itemsList”）.trigger（“已选择：已更新”）；
}));
}
})
}
}
});

我添加了以下代码来实现这一点，它对我很有用：

$('.chosen-choices input').autocomplete({
    source: function(request, response) {
        if (request.term.trim().length >= 3) {
            // added to show loading icon
            $('ul.chosen-results').append('<li class="active-result text-center" id=' + request.term + ' style="font-size:16px"><i class="fa fa-refresh fa-spin"></i></li>');
            Items.searchitemsByText(request.term, brandId, function(response) {
                if (response && response.code == 0 && response.items.length > 0) {
                    ($.map(response.items, function(item) {
                        $('ul.chosen-results').append('<li class="active-result">' + item.name + '</li>');
                        $('#itemsListDropdown').append('<option value="' + item._id + '">' + ((!item.name || item.name == '') ? item.app_id : item.name) + '</option>');
                        $("#itemsListDropdown").trigger("chosen:updated");
                    }));
                }
                // removing loading icon
                if (document.getElementById(request.term)) {
                    document.getElementById(request.term).remove()
                }
            })
        }
    }
});

$（'.selected-choices-input'）。自动完成({
来源：功能（请求、响应）{
if（request.term.trim（）.length>=3）{
//添加以显示加载图标
$（'ul.selected results'）.append（'li class=“active result text center”id='+request.term+'style=“font size:16px”>）；
Items.searchitemsByText（request.term、brandId、函数（响应）{
if（response&&response.code==0&&response.items.length>0）{
（$.map（response.items，函数（item））{
$（'ul.selected results'）.append（'li class=“active result”>'+item.name+''）；
$（“#itemsListDropdown”）.append（“”+（（！item.name | | item.name==“”）？item.app_id:item.name）+“”）；
$（“#itemsListDropdown”）.trigger（“已选择：已更新”）；
}));
}
//删除加载图标
if（document.getElementById（request.term））{
document.getElementById（request.term）.remove（）
}
})
}
}
});

看看这个谢谢，它解决了我的问题。