Loading:


    Dodawanie nowych wartości do pola select JavaScript

    Skrypt tworzy formularz umożliwiający dodawanie nowych wartości do pola select bez przeładowania strony za pomocą JavaScript



    Napisz Artyku³

    Listing


    <html>
        <head>
            <title>Dodawanie opcji do pola listy - przykład</title>
            <script type="text/javascript" src="listutil.js"></script>
            <script type="text/javascript">
                function addItem() {
                    var oListbox = document.getElementById("selListbox");
                    var oTxtName = document.getElementById("txtName");
                    var oTxtValue = document.getElementById("txtValue");
         
                    ListUtil.add(oListbox, oTxtName.value, oTxtValue.value);
                }
            </script>
        </head>
        <body>
            <form>

                <select id="selListbox" size="5">
                     <option>Wartość poczštkowa</option>
                </select><br />
                Kliknij przycisk "Dodaj", aby dodać opcję o następujšcych parametrach:<br />
                Nazwa: <input type="text" id="txtName" /><br />
                Wartość: <input type="text" id="txtValue" /><br />
                <input type="button" value="Dodaj" onclick="addItem()" />

           </form>
        </body>
    <html>
     




    Dodano przez: igor
    Ranga: Administrator serwisu Punktów: 0
    Komentarze użytkowników
      • Tre¶æ komentarza
        Kod do komentarza (opcjonalnie)
        PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
        Autor
        Token
        token

         

         








    funkcje.net
    Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-2025 v.1.5 | design: diviXdesign & rainbowcolors