Я занимаюсь разработкой приложения ASP.NET MVC 5 с использованием C #, Razor, .Net Framework 4.7 и jQuery 3.2.1
. Я пытаюсь показать gif-файл в выделенном файле, пока загружаю его.опции с ajax.
Это выбор:
@Html.DropDownList("productionOrderId",
new SelectList(Model, "ProductionOrderId", "Name"),
@Resources.IndexAggLevelProOrdCaption,
new { id = "ProductionOrderSelect", @class = "productSelect" })
И это jQuery, который загружает новые опции в выборку:
function UpdateList(radioButton) {
$('#productionOrderTable').empty()
var URL = $(radioButton).data('checkaction');
var phase = $(radioButton).val();
var selectList = $("#ProductionOrderNameSelectId");
var firstOption = selectList.find('option:first-child');
selectList.find('option').remove();
selectList.append('<option><img src="~/images/loadingDropDown.gif"/></option>');
$.ajax({
url: URL,
type: "GET",
dataType: "JSON",
data: { phase: phase },
success: function (response) {
var selectList = $("#ProductionOrderNameSelectId");
//selectList.find('option').not(':first').remove(); // remove all elements except for first one
//selectList.add(firstOption);
//for (var i = 0; i < response.length; i++) {
// $(selectList).append(new Option(response[i].Item2, response[i].Item1))
//}
},
error: function (jqXHR, textStatus, errorThrown) {
console.log(textStatus, errorThrown);
}
});
}
Содержимое внутрифункция ajax
прокомментирована, потому что я проверяю, почему я не вижу gif.
Я пробовал это:
selectList.append('<option><img src="~/images/loadingDropDown.gif"/></option>');
И в Firefox я получаю пустойопция: <option></option>
.
Я также пробовал:
selectList.append('<option style="background-image:url(~loadingDropDown.gif);"></option>');
Но здесь не находит изображение.
Изображение находится в папке ~/image/
.
Как отобразить значок в качестве параметра для выбора?