The OpenNET Project / Index page

[ новости /+++ | форум | теги | ]




Версия для распечатки Пред. тема | След. тема
Новые ответы [ Отслеживать ]
(HTML) Динамическое добавление элементов в SELECT, !*! rarelang, 04-Авг-04, 20:47  [смотреть все]
  • (HTML) Динамическое добавление элементов в SELECT, !*! StingFire, 13:29 , 05-Авг-04 (1)
    <html>
    <head><title>Test</title>
    <script language="JavaScript" type="text/javascript">

    function setOptions () {
        var option = document.getElementById ('my_select');
        
        //Удалить все дочерние элементы
        while (option.childNodes.length > 0)
            option.removeChild (option.childNodes[0]);
        
        //Добавить новые
        for (var i = 0; i < 10; i++) {
            var node = document.createElement ('option');
            node.value = i;
            node.appendChild (document.createTextNode ('Value ' + i));
            option.appendChild (node);
        }
    }
    </script>
    <body>
    <select id="my_select"><option value="v1">test</option></select>
    <p>
    <input type="button" value="Set option"  onclick="setOptions ();">
    </p>
    </body>
    </html>

    Работает в IE, Mozilla, Opera. В других проверяй сам :)
    Вообще должен работать во всех браузерах с поддержкой DOM.




Партнёры:
PostgresPro
Inferno Solutions
Hosting by Hoster.ru
Хостинг:

Закладки на сайте
Проследить за страницей
Created 1996-2024 by Maxim Chirkov
Добавить, Поддержать, Вебмастеру