(HTML) Динамическое добавление элементов -> Форум на Исходниках.Ру

	Наши проекты: Журнал · Discuz!ML · Wiki · DRKB · Помощь проекту

Здравствуйте, Гость ! [18.222.205.5]

Модераторы: ElcnU, ANDLL, fatalist

Новое голосование

(HTML) Динамическое добавление элементов , (HTML) Динамическое добавление элементов в SELECT

rarelang

Сообщ. #1 , 04.08.04, 16:38

Junior

Профиль · PM

Рейтинг (т): -2

Всем привет,

Помогите мне пожалуйста решить следующую проблему, - мне нужно реализовать динамическое (при помощи JavaScript) добавление/удаление элементов в HTML элементе SELECT. Задача усложняется тем что мне нужно чтобы данная функциональность идеально работала в Mozilla и Netscape.

В принципе я реализовал требуемые функции путем простого изменения свойства innerHTML/outerHTML у элемента SELECT достукиваясь к нему через id функцией getElementById, но я столкнулся с тем что это работает только в Internet Explorer, а этот вариант мне абсолютно не подходит.

Решение работающее в Internet Explorer и не работающее в остальных браузерах привожу ниже:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<title>Untitled Document</title>

</head>

function addteg()

{

var str="<option>"+"бла бла бла"+"</option>";

document.getElementById("TEGS").outerHTML="<select id=\"TEGS\" size=\"1\">"+str+"</select>";

}

</script>

</select>

</body>

</html>

Подскажите мне пожалуйста как мне реализовать требуемую функциональность в Mozilla или Netscape.

Заранее спасибо за любой ответ и отдельное огромное спасибо за пример кода.

Сообщение отредактировано: SergeS - 04.08.04, 16:53

SergeS	Сообщ. #2 , 04.08.04, 16:51
Master Профиль · PM Поощрения: 50 Dgm Рейтинг (т): 31	! 1. не пользуешся поиском - ппункт правил н2 2. не использование тега [CODE] п4 вот тут глянь - Переносимый Java-Script (сообщение #409988)

Mixxx	Сообщ. #3 , 04.08.04, 16:52
Profi Профиль · PM Поощрения: 13 Dgm Рейтинг (т): 107	Добавить <option> в <select>

detox	Сообщ. #4 , 08.08.04, 17:34
Full Member Профиль · PM Рейтинг (т): 1	Попробуй так: <SELECT ID="oSelect" NAME="Cars" SIZE="3" MULTIPLE> <OPTION VALUE="1" SELECTED> BMW <OPTION VALUE="2"> Porsche <OPTION VALUE="3" SELECTED> Mercedes </SELECT> <script LANGUAGE="JScript"> var oOption = document.createElement("OPTION"); oOption.text="Ferrari"; oOption.value="4"; oSelect.add(oOption); </SCRIPT>

1 пользователей читают эту тему (1 гостей и 0 скрытых пользователей)

0 пользователей:

[ Script execution time: 0,0336 ] [ 14 queries used ] [ Generated: 14.05.24, 22:41 GMT ]