Обновление содержимого списка с помощью .append () в Internet Explorer

Question

С помощью jQuery в Firefox и Chrome я могу просто динамически изменять данные в списке с помощью операторов $().append() или любым другим способом. Тот же код не работает с IE. Список (<select></select>) является просто статическим, и ни один из элементов не добавлен / удален / изменен.

Я слышал, что IE может быть немного "другим" в обработке повторного рендеринга списка (<select></select>).

Как заставить JQuery .append() работать с Internet Explorer?

Answer 1

Что вы пытаетесь сделать. Если вы просто хотите загрузить данные с помощью ajax и хотите манипулировать вашим <select></select>

var listBox = $("#CountyList");
$.post("/County/List/" + stateId, null, function (data) {
    var items = "<option value='0'>Select County</option>";
    $.each(data, function (i, c) {
        items += "<option value='" + c.Value + "'>" + c.Text + "</option>";
    });

    listBox.html(items);
}, 'json');

Затем вам просто нужно сформировать строку со всеми вашими элементами option, а затем загрузить ее в поле select, используя .html()

, если вы хотите более элегантный способ манипулировать вашим select блоком. Вы могли бы попробовать это. http://www.texotela.co.uk/code/jquery/select/