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: 28716
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-2020 v.1.5 | design: diviXdesign & rainbowcolors