<< | к задаче | главная | печатать | обсудить(0 сообщений) >>
Задача: Динамическая очистка выпадающего списка (select) на javascript
Исходник: Динамическое удаление элементов списка с учетом optgroup-ов, наиболее правильный способ [javascript, code #95, hits: 6191, рейтинг: 3/7,4.86(2557)] +
автор: this [добавлен: 21.03.2006] управление:
  1. <html>
  2. <head>
  3. <title>Drop Down List Tests</title>
  4. </head>
  5.  
  6. <body>
  7.  
  8. <select id="mysel">
  9. <optgroup label="group1">
  10. <option value="1">1 item</option>
  11. <option value="2">2 item</option>
  12. </optgroup>
  13. <option value="3">3 item</option>
  14. <option value="4">4 item</option>
  15. <option value="5">5 item</option>
  16. </select>
  17. <input type="button" value="Clear Select" onclick="return ClearSelect();">
  18.  
  19. <script language="javascript">
  20. function ClearSelect() {
  21. var sel = document.getElementById('mysel');
  22.  
  23. while (sel.childNodes.length) {
  24. // Данный if только для Opera-ы, которая не удаляет
  25. // optgroup, если в нем есть элементы.
  26. if (sel.firstChild.tagName == 'OPTGROUP') {
  27. while (sel.firstChild.childNodes.length) {
  28. sel.firstChild.removeChild(sel.firstChild.firstChild);
  29. }
  30. }
  31. sel.removeChild(sel.firstChild);
  32. }
  33. return true;
  34. }
  35. </script>
  36. </body>
  37. </html>
Динамически удаляет содержимое выпадающего списка.
Работает - во всех "не старых" IE, Mozilla, Opera.

При этом в Mozilla и IE скрипт отработает даже если убрать if в строках 26-30.

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