<< | к задаче | главная | печатать | обсудить(0 сообщений) >>
Задача: Динамическое формирование выпадающего списка
Исходник: Динамическое заполнение выпадающего списка выбора (SELECT), вариант №1 [javascript, code #97, hits: 8037, рейтинг: 3/7,4.85(2857)] +
автор: 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) - это значение не сохраняется.

+добавить реализацию
 
каталог | задачи | паттерны | исходники | стат | форумы | карта сайта | контакты | ссылки 
© 2000-2021 CodeLAB Group
  Все права защищены
Страница сгенерирована за 0.005851 секунд
Количество запросов к БД: 9, gzip: 3.3kb/10.1kb(68%)