[JavaScript]Dodawanie kilku <input> za jednym razem Opcje

[colachips]

Witam,

Mam problem ze znalezieniem rozwiązania na mój problem. Mam guzik, którym chcę dodać kolejne pola <input> do formularza. Wygląda to tak:


Oto mój nieudolny kod:

[PHP] >&raquo; dodaj pole</button>
?>

[/list]
[PHP] 
    znacznik.setAttribute('type', 'text');
    znacznik.setAttribute('name', 'toemail[]');
    znacznik.className = 'toemail';
    var kontener = document.getElementById(kontener);
    kontener.appendChild(znacznik);
}

[/list]
[HTML] oemail('toemail');">&raquo; dodaj pole</button>
?>

[/list]
[PHP] 
    znacznik.setAttribute('type', 'text');
    znacznik.setAttribute('name', 'toemail[]');
    znacznik.className = 'toemail';
    var kontener = document.getElementById(kontener);
    kontener.appendChild(znacznik);
}

[/list]
[HTML] 0, 
		

[hiszpanespaniol]

//nie mam pojęcia jak dodać kolejny numer, ale nie to jest teraz istotne

to kwestia samego HTML. Jeżeli formularz ma docelowo być taki prosty jak na obrazku, to wystarczy zamienić tabelkę na listę, samo będzie dodawać kolejny numer.

[HTML] pobierz, plaintext 
function dodaj_rzad() {
var li;
var el1;
var el2;
    var cel = document.getElementById('lista');
    li = document.createElement('li');
    el1 = document.createElement('input');
    el1.setAttribute('type', 'text');
    el1.setAttribute('name', 'toname[]');
    el1.className = 'toname';
    el2 = document.createElement('input');
    el2.setAttribute('type', 'text');
    el2.setAttribute('name', 'toemail[]');
    el2.className = 'toemail';    
    li.appendChild(el1);
    li.appendChild(el2);
    cel.appendChild(li);
}
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
<input onclick="dodaj_rzad()" value="dodaj pole" />
[HTML] pobierz, plaintext 

Ten post edytował hiszpanespaniol 4.02.2009, 22:38:15