Afficher un bloc plusieurs fois selon un nombre choisi

<script>
function ajouter(sel)
{
var nbre = parseInt(sel.value);
var monDiv = '';
for(var i=1;i<=nbre;i++)
{
monDiv += '<div id="detail_equipe'+i+'" >'

+ '<div id="teamclinique'+i+'" >' 

+ '<label for="Coordinatefonction">Fonction du collaborateur :</label><input name="fonction'+i+'" type="text" id="fonction'+i+'" />' 

+ '<label for="Coordinateadr">Nom :</label><input name="adr'+i+'" maxlength="255" type="text" id="adr'+i+'"/>' 

+ '<label for="Coordinateville">Prenom :</label><input name="ville'+i+'" maxlength="255" type="text" id="City'+i+'" />' 

+ '<label for="Coordinatephoto">Photo :</label><input name="photo_collaborateur'+i+'" maxlength="255" type="file" />' 

+ '</div>'; 
}
document.getElementById("ajout").innerHTML = monDiv;
}
</script>

<div id="detail_equipe" > 

<div id="teamclinique" > 

<label for="Coordinatefonction">Fonction du collaborateur :</label><input name="fonction" type="text" id="fonction" /> 

<label for="Coordinateadr">Nom :</label><input name="adr" maxlength="255" type="text" id="adr"/> 

<label for="Coordinateville">Prenom :</label><input name="ville" maxlength="255" type="text" id="City" /> 

<label for="Coordinatephoto">Photo :</label><input name="photo_collaborateur" maxlength="255" type="file" /> 

</div> 


<br> Ajouter : <select name="nb_coll" id="nb_coll" style="width:40px;" onChange="ajouter(this)"> <option value="0">0</option><option value="1">1</option><option value="2">2</option><option value="3">3</option> <option value="4">4</option><option value="5">5</option></select> collaborateur(s)</div> </br> 
<div id="ajout"></div>
</div> 
</div>

<?php
$fonctions = array(); // tableau contenant tout les fonctions
if(isset($_POST['fonction']))
$fonctions[0] = $_POST['fonction'];
for($i=1;$i<=5;$i++)
{
if(isset($_POST['fonction'.$i]))
$fonctions[$i] = $_POST['fonction'.$i];
}
?>