Задача: Динамическое формирование выпадающего списка
Исходник: Универсальное заполнение, вариант №2, язык: javascript [code #98, hits: 8272]
автор: 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 = document.createElement('OPTION');
  26.  
  27. newOpt.value = 'value' + i;
  28. newOpt.innerHTML = 'punkt' + i;
  29. newOptGroup.appendChild(newOpt);
  30.  
  31. }
  32. return true;
  33. }
  34. </script>
  35. </body>
  36. </html>
Показывает как можно заполнить выпадающий список если используются еще и optgroup.

Наиболее "красивый" вариант, поскольку и optgroup и option формируются одинаково через createElement
Тестировалось на: IE 6.0 SP2, Mozilla FF 1.5, Opera 8.5

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