Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > DOM: добавить опции в селект

Автор: nerezus 29.4.2008, 20:07

Есть такая штука:

Код


Модель: <select name="model_id" id="models">
</select>

В нее надо добавить такую:

Код


<option value="4">Rx-7</option>
<option value="3">Rx-8</option>

Когда делаю так:

Код


document.getElementById("models").innerHTML = val;

то работает везде, кроме как в IE.
Как в IE сделать?

Автор: nerezus 29.4.2008, 20:26

Код


Модель: <select name="model_id" id="models">
</select>

Заменяю на

Код


<select name="model_id" id="models">
<option value="4">Rx-7</option>
<option value="3">Rx-8</option>
</select>

через

Код


document.getElementById("models").outerHTML = val;

Не работает в FireFox!
Как прально то сделать?

Автор: Itsys 29.4.2008, 20:32

У меня так работает:

Код


<html>

<head>
<script type="text/javascript">
function add()
{
    var val = '<select name="model_id"><option value="4">Rx-7</option><option value="3">Rx-8</option></select>';
    document.getElementById("models").innerHTML = val;
}
</script>
</head>
<body>
Модель: <div id="models"><select name="model_id">
</select></div>
<button onclick="add()">Нажми меня</button>
</body>
</html>

Добавлено через 3 минуты и 44 секунды
А вообще <select> изменяется через коллекцию "options".

Автор: nerezus 29.4.2008, 23:14

Itsys, спс, я уже сделал абсолютно так же(через span только).