Dynamiczne dodawanie pól formularza

Wszystko związane ze skryptami JS, DHTML itd.
apes1
Posty: 1
Rejestracja: 19 kwie 2010, 14:23:51
Płeć: Niewybrana
User Agent: Firefox Windows 1366x768

Dynamiczne dodawanie pól formularza

Post autor: apes1 »

Witam!
Zacząłem trochę z musu zabawę z JavaScript. Kilkoma problemami sobie poradziłem, niestety tutaj utknąłem :(
Potrzebuję dodawać pola formularza ale nie po jednym tylko po 2 naraz. Czyli klient będzie miał 2 pola do uzupełnienia - waga oraz długość, a po kliknięciu dodaj znowu się pojawią 2 pola - waga i długość. I tak w kółko. Z tego co udał mi się wymodzić to dodaje mi tylko po jednym polu formularza. Niestety nie znam się za bardzo na JavaScript i i jestem w kropce. Czy jest ktoś w stanie mi pomóc?
A takie coś poznajdywałem i sam próbowałem poprzerabiać

Kod: Zaznacz cały

function dodaj_element(kontener){
    var znacznik = document.createElement('input');
    znacznik.setAttribute('text', 'file');
    znacznik.setAttribute('name', 'text');
    znacznik.className = 'upload';
    var kontener = document.getElementById(kontener);
    kontener.appendChild(znacznik);

 

Kod: Zaznacz cały

<form action="..." method="post">
    <div id="paczka">
    <input name="Waga" />
    <input name="Dlugosc" />
    </div>
    <div>
        <input type="button" value="Dodaj paczke" onclick="dodaj_element('paczka');" />
        <input type="submit" value="Wyślij" />
    </div>
</form>
 
filancompl
Posty: 3
Rejestracja: 28 kwie 2010, 23:09:42
Lokalizacja: Katowice
Płeć: Mężczyzna
User Agent: Internet Explorer Windows 1280x800
Kontakt:

Re: Dynamiczne dodawanie pól formularza

Post autor: filancompl »

Kod: Zaznacz cały

function dodaj_element(kontener,nazwapola){
    var znacznik = document.createElement('input');
    znacznik.setAttribute('text', 'file');
    znacznik.setAttribute('name', nazwapola);
    znacznik.className = 'upload';
    var kontener = document.getElementById(kontener);
    kontener.appendChild(znacznik);

} 

Kod: Zaznacz cały

<form action="..." method="post">
    <div id="paczka">
    <input name="Waga[]" />
    <input name="Dlugosc[]" />
    </div>
    <div>
        <input type="button" value="Dodaj paczke" onclick="dodaj_element('paczka','Waga[]');dodaj_element('paczka','Dlugosc[]');" />
        <input type="submit" value="Wyślij" />
    </div>
</form>
 
ODPOWIEDZ