Вставка option в select

@stashappy · Регистрация: 21.08.2011

Студворк — интернет-сервис помощи студентам

Добрый вечер.

Имеется Select:

HTML5
1
2
3
4
5
<select id='sel_1'>
<option>Москва</option>
<option>Петербург</option>
</select><br>
<div onclick='clear_select();'></div>

Функция очистки и вставки:

JavaScript
1
2
3
4
5
function clear_select() {
    document.getElementById('sel_1').innerHTML = ""; // очищаем Select
    // document.getElementById('sel_1').options.length = 0; // еще один способ очистки, найденный в интернете
    document.getElementById('sel_1').innerHTML = "<option>Воронеж</option><option>Новгород</option>"; // вставляем новые option'ы
}

Данный способ очистки и вставки, работает во всех браузерах, кроме IE. В нем, данный Селект вроде бы и очищается, но после выболнения данного кода, когда жмешь по нему, раскрывается абсолютно пустой список. В чем может быть проблема?

Добавлено через 23 минуты
По идее конечно же можно было бы, вставить Option'ы через цикл. В интеренете видел примеры. Но Option'ы я запрашиваю c сервера через ajax. Они проходят в html формате, после чего я вставляю их в Select.

Пример:

JavaScript
1
2
3
4
5
6
7
8
9
10
$.ajax({
type: "POST",
dataType: 'html',
url: "get_options.php",
cache: false,
success: function(data) {
        document.getElementById('sel_1').innerHTML = "";
        document.getElementById('sel_1').innerHTML = data;
   }
});

Поэтому и возникает трудность.

@alokazay · 16.03.2013, 23:29

Будет работать в ие, если обернуть в див.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div id="test">
<select id='sel_1'>
    <option>Москва</option>
    <option>Петербург</option>
</select><br>
</div>
<div onclick='clear_select();'>jxxbcn</div>
 
<script>
    "use strict";
    function clear_select() {
        document.getElementById('test').innerHTML = ""; // очищаем Select
        // document.getElementById('sel_1').options.length = 0; // еще один способ очистки, найденный в интернете
        document.getElementById('test').innerHTML = "<select id='sel_1'><option>Воронеж</option><option>Новгород</option></select>"; // вставляем новые option'ы
    }
</script>

Новые блоги и статьи Все статьи Все блоги /
Программный отбор элементов справочника Номенклатура по группе 1С Maks 22.03.2026 Установка программного отбора элементов справочника "Номенклатура" из модуля формы документа. В качестве фильтра для отбора справочника служит группа номенклатуры. Отбор под наименованию группы (на. . .	Как я обхитрил таблицу Word Alexander-7 21.03.2026 Когда мигает курсор у внешнего края таблицы, и нам надо перейти на новую строку, а при нажатии Enter создается новый ряд таблицы с ячейками, то мы вместо нервных нажатий Энтеров мы пишем любые буквы. . .	Krabik - рыболовный бот для WoW 3.3.5a AmbA 21.03.2026 без регистрации и смс. Это не торговля, приложение не содержит рекламы. Выполняет свою непосредственную задачу - автоматизацию рыбалки в WoW - и ничего более. Однако если админы будут против -. . .	Программный отбор элементов справочника Сотрудники по перечислениям 1С Maks 21.03.2026 Установка программного отбора элементов справочника "Сотрудники" из модуля формы документа. В качестве фильтра для отбора служит предопределенное значение перечислений. Процедура. . .
Переходник USB-CAN-GPIO Eddy_Em 20.03.2026 Достаточно давно на работе возникла необходимость в переходнике CAN-USB с гальваноразвязкой, оный и был разработан. Однако, все меня терзала совесть, что аж 48-ногий МК используется так тупо: просто. . .	Оттенки серого Argus19 18.03.2026 Оттенки серого Нашёл в интернете 3 прекрасных модуля: Модуль класса открытия диалога открытия/ сохранения файла на Win32 API; Модуль класса быстрого перекодирования цветного изображения в оттенки. . .	SDL3 для Desktop (MinGW): Рисуем цветные прямоугольники с помощью рисовальщика SDL3 на Си и C++ 8Observer8 17.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-rectangles-sdl3-c. zip finish-rectangles-sdl3-cpp. zip	Символические и жёсткие ссылки в Linux. algri14 15.03.2026 Существует два типа ссылок — символические и жёсткие. Ссылка в Linux — это запись в каталоге, которая может указывать либо на inode «файла-ИСТОЧНИКА», тогда это будет «жёсткая ссылка» (hard link),. . .