Campi form aggiunti dinamicamente

[neida]

La funzione che segue mi permette di aggiungere dei nuovi campi, nel form, in maniera dinamica.

Quello che vi chiedo è, se possibile, di modificarla in modo tale da impedire che l'aggiunta di questi campi sia infinita. Cioè, allo stato attuale, dopo aver scelto dal menu a tendina di aggiungere, ad esempio, 2 campi, subito dopo è possibile aggiungerne altri, e altri ancora all'infinito!

Vorrei poter imporre un limite o qualsiasi altra cosa per impedire questo meccanismo.

Purtroppo essendo una vera pippa con js non saprei nemmeno dove iniziare a mettere mano per modificare il codice!

<script>
function addFields(num) {
 var l=document.getElementById('div_addFields');
 for(var i=1; i<=num; i++)
 l.innerHTML += "<input type=\"file\" name=\"file[]\">
";
}
</script>

<select onChange="addFields(this.value)">
<option value="">Nr</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>


<input type="file" name="file[]">
<input type="file" name="file[]">


<div id="div_addFields"></div>

Grazie per l'attenzione. Spero possiate aiutarmi!!

[fcaldera]

<script type="text/javascript">
var limite = 10;
var aggiunti = 0;

function addFields(num) {
    var l=document.getElementById('div_addFields');
    for(var i=1; i<=num; i++)
       if (++aggiunti<= limite) {
         l.innerHTML += "<input type=\"file\" name=\"file[]\">
";
      }
   }
}
</script>

Ciao
-Fab-

[neida]

E' perfetto Fab, sei un mito!!
Grazie mille!