Dynamiczne dodawanie, ...pól formularza Opcje

[GuruNetYT]

Witam. Znalazłem taki skypt.

Kod

<style type="text/css">
input.upload { display: block; }
</style>
<form action="jakisplik.php" method="post">
<div id="pliki">
<input type="file" name="plik" class="upload" />
</div>
<div>
<input type="button" value="Załącz kolejny plik" o
<input type="submit" value="Wyślij" />
</div>
</form>
<script type="text/javascript">
<!--
function dodaj_element(kontener){
var znacznik = document.createElement('input');
znacznik.setAttribute('type', 'file');
znacznik.setAttribute('name', 'plik');
znacznik.className = 'upload';
var kontener = document.getElementById(kontener);
kontener.appendChild(znacznik);
}
//-->
</script>

Jest w nim wszystko ok nie licząc tego
że kolejno dodawane formularze
mają takie same imiona (name) jak
zminić wartość name z "plik" na np
"plik2", "plik3" itd w następnych
formularzach. Proszę o pomoc.

[kaem]

rozwiązaniem jest tablica:

[HTML] pobierz, plaintext 
name="plik[]"
[HTML] pobierz, plaintext 

[Uriziel01]

To raczej nie są czasy gdy używanie czystego JS jest popularne. Wykonanie tego na JQuery czy jakims innym FW (mootools, prototype) jest jeszcze prostsze, nie mówiąc już o puźniejszym manipulowaniu tymi elementami.

[HTML] pobierz, plaintext 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<div id='my_form'>
<input type='button' name='dodaj' value='Dodaj pole'><br/>
Plik1:<input type='file' name='Plik1'/>
</div>
<script>
$(document).ready(function() {
	$('input[name="dodaj"]').click(function(){
	$('#my_form').append("<br/>Plik" + ($('input[type=\"file\"]').size() + 1) + ":<input type='file' name='Plik" + ($('input[type=\"file\"]').size() + 1) + "'/>");
	});
});
</script>
[HTML] pobierz, plaintext