Задача: Динамическое формирование выпадающего списка
Исходник: Линейное заполнение, язык: javascript [code #96, hits: 8326]
автор: 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. for (var i = 0; i < 10; i++){
  17. var newOpt = new Option("name" + i, "valfield" + i);
  18. sel.options.add(newOpt); // Добавление
  19. // Либо вместо этого так:
  20. //sel.options[i] = newOpt; // Косвенное добавление
  21. }
  22. return true;
  23. }
  24.  
  25. </script>
  26. </body>
  27. </html>
Продемонстрированны 2 варианта заполения(раскомментировав 20-ую строку и закомментировав 18-ую получим второй вариант).
Тестировалось на: IE 6.0 SP2, Mozilla FF 1.5, Opera 8.5

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