ReSQL.ru
     
powered by simpleCommunicator - 2.0.59     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / Программирование [игнор отключен] [закрыт для гостей] / (HTML) Динамическое добавление элементов в SELECT
3 сообщений из 3, страница 1 из 1
(HTML) Динамическое добавление элементов в SELECT
    #32635867
Артем Иванов
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Артем Иванов
Участник
Всем привет,

Помогите мне пожалуйста решить следующую проблему, - мне нужно реализовать динамическое (при помощи 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>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<script language="JavaScript">
function addteg()
{
var str="<option>"+"бла бла бла"+"</option>";
document.getElementById("TEGS").outerHTML="<select id=\"TEGS\" size=\"1\">"+str+"</select>";
}
</script>
<body onLoad="addteg()">
<select id="TEGS">
</select>
</body>
</html>

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

Заранее спасибо за любой ответ и отдельное огромное спасибо за пример кода.
...
Рейтинг: 0 / 0
04.08.2004, 20:48
| Ответить | Цитировать | Написать  
(HTML) Динамическое добавление элементов в SELECT
    #32645016
Фотография profil
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
profil
Участник
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
<script language="JavaScript">
var i =  0 ;
function addteg()
{
var el=document.createElement("OPTION");
el.text='бла бла бла';
el.value=i++;
document.getElementById("TEGS").options.add(el)
}
</script>
<body onLoad="addteg()">
<select id="TEGS">
</select>
</body>
</html>
...
Рейтинг: 0 / 0
11.08.2004, 16:15
| Ответить | Цитировать | Написать  
(HTML) Динамическое добавление элементов в SELECT
    #32645038
Фотография profil
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
profil
Участник
кстати, getElementById поддерживается всеми браузерами (начиная c NN6 и IE5), а вот совлйство outerHTML поддерживается только IE
( innerHTML поддерживается тоже всеми последними браузерами)
...
Рейтинг: 0 / 0
11.08.2004, 16:22
| Ответить | Цитировать | Написать  
3 сообщений из 3, страница 1 из 1
Форумы / Программирование [игнор отключен] [закрыт для гостей] / (HTML) Динамическое добавление элементов в SELECT
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]