Всем привет,

Помогите мне пожалуйста решить следующую проблему, - мне нужно реализовать динамическое (при помощи 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.

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

Поищи в форуме по JavaScript, там что-то не так давно пробегало по этой теме.

Писать нужно было в топике JavaScript.
Модераторы - перенесите!

Aliance
Прочитай внимательно название форума

Ignat
Хм...если его проблема - проблемма дизайна - тогда окей...но мне почему-то так не кажется (:

М	перенесено

У select'а есть контейнер options, которым можно манипулировать. Работать должно везде(DOM), проверенно в Мозилле и ИЕ.

Код

<select id="test"> <option>Test</option> <option>Test</option> <option>Test</option> </select> <script language="Javascript" type="text/javascript"> <!-- s=document.getElementById("test"); alert(""+s.options.length); el=document.createElement("OPTION"); //создаем элемент option s.options.add(el); //если добавить позднее то выйдет не понятная ошибка в ИЕ... el.appendChild(document.createTextNode("New Test")); //ставим текст el.value="Bla"; //и значение //... любые другие аттрибуты //--> </script>

Ых есть идея, но влом писать
Можно поробовать с массивами и тыгом innerHTML

fuckerok с innerHTML будет то же самое и возможно будет подглючивать в ИЕ.

Цитата(Sardar @ 21.8.2004, 14:34)

с innerHTML будет то же самое и возможно будет подглючивать в ИЕ

Не будет! Проверено!!! :-))))

Цитата(GoodBoy @ 23.8.2004, 10:38)

Не будет! Проверено!!! :-))))

Нe будет больше взрыва рождаемости кроликов в Австралии ?
Покажи код

Цитата(Sardar @ 23.8.2004, 17:07)

Покажи код

А я обычно верил тебе на слово... :-(((((

Код

dom = (document.getElementById) ? true : false; nn4 = (document.layers) ? true : false; ie = (document.all) ? true : false; ie4 = ie && !dom; function getRef(id) {     if (dom) return document.getElementById(id);     if (ie4) return document.all[id];     if (nn4) return document.layers[id]; } function SelectComponent(name, id, sel, wid, func) {    var s = '<select name="'+name+'" style="width:'+(wid?wid:150)+'px" onChange="'+func+'">';    s += '<option value=0>---</option>';    try {        if (id!=0 && id!='') {            eval("var M1 = "+name+id+"1;");            eval("var M2 = "+name+id+"2;");            for (var i=0;i<M1.length;i++) {                if (M1[i]!='') {                    s += '<option value="'+M1[i]+'"'+(M1[i]==sel?" selected":"")+'>'+                         M1[i]+' - '+M2[i]+'</option>';                }            }        }    } catch(e) {}    s += '</select>';    obj_span = getRef(name+"_span");    obj_span.innerHTML = s; }

<span name=links_span><script>SelectComponent('links', 2, 15, 300, "doChangeLink()");</script></span>

Это сообщение отредактировал(а) GoodBoy - 23.8.2004, 17:00

Цитата(GoodBoy @ 23.8.2004, 15:58)

А я обычно верил тебе на слово... :-(((((

Дык я тоже тебе верю на слово просто не понял что "не будет": "то же самое" или "поглючитвать в ИЕ".
innerHTML удобная не DOM'овская фича для лентяев вроде нас В целом вроде идеенитчна коду createElement, appendChild, только за нас это делает парсер браузера. Правда в ИЕ иногда глючит с таблицами, селектом, некоторыми формами.

Сколько не пытался через innerHTML вставить, список пропадал в неизвестном направлении (ИЕ6). Такая простецкая конструкция глючит.

Код

<html> <head> <title>Untitled</title> </head> <body> <select id="sel"> <option>1 <option>2 <option>3 </select> <script> sel.innerHTML  += "<option>4" +  "<option>5" +  "<option>6" +  "<option>7"; </script> </body> </html>

Цитата(Sardar @ 23.8.2004, 18:25)

в ИЕ иногда глючит с таблицами, селектом, некоторыми формами.

Цитата(Cache @ 23.8.2004, 18:47)

Сколько не пытался через innerHTML вставить, список пропадал в неизвестном направлении (ИЕ6). Такая простецкая конструкция глючит.

Не знаю господа, что у вас за проблемы, а приведенный мною код успешно работает на многих разработанных мною сайтах!!!! И смею заверить нареканий от заказчиков не было!!!
:-))))))))