Задача: Динамическое формирование выпадающего списка
Исходник: Универсальное заполнение, вариант №1, язык: javascript [code #97, hits: 8811]
автор: this [добавлен: 22.03.2006]
  1. <html>
  2. <head>
  3. <title>Drop Down List Tests</title>
  4. </head>
  5.  
  6. <body>
  7.  
  8. <select id="mysel">
  9.  
  10. </select>
  11. <input type="button" value="Fill Select" onclick="return Fill();">
  12.  
  13. <script language="javascript">
  14. function Fill() {
  15. var sel = document.getElementById('mysel');
  16.  
  17. // Добавляем optgroup
  18. var newOptGroup = document.createElement('OPTGROUP');
  19. newOptGroup.label = 'Наша группа №1';
  20.  
  21. sel.appendChild(newOptGroup);
  22.  
  23. // Заполняем его пунктами
  24. for (var i = 0; i < 10; i++){
  25. var newOpt = new Option("name" + i, "valfield" + i);
  26.  
  27. newOpt.innerHTML = 'punkt' + i;
  28. newOptGroup.appendChild(newOpt);
  29.  
  30. }
  31. return true;
  32. }
  33. </script>
  34. </body>
  35. </html>
Показывает как можно заполнить выпадающий список если используются еще и optgroup.

В строке 27 - принудительное выставление названия пунктов, т.к. при инициализации нового объекта Option (стр. 25) - это значение не сохраняется.
Тестировалось на: IE 6.0 SP2, Mozilla FF 1.5, Opera 8.5

+добавить реализацию