Jsp dans du Javascript(page dynamique)

Salut!
Ma page doit être impérativement dynamique; quand je clique sur un bouton "rajouter", il m'appelle la fonction suivante, et ça marche, c'est complique mais ca marche, la fonction recueill1fo(this) aussi marche très bien, je commence a dominer ce dynamisme. :)
Mais mon problème c'est que je devrait charger les <option> a partir d'une base de donees, donc il me faut une boucle en jsp, alors comment devrai-je insérer cette boucle dans mon javascript ou comment modifier mon code pour arriver a mon but?

voici mon code:

function newMED()
{    
          var target 		= document.getElementById('Account_1');
          var newdiv 		= document.createElement('div');
          var newdivname	= 'Div' + counter;
          newdiv.setAttribute('id',newdivname);
          
          var i= document.getElementById('stok').value; 
          i=parseInt(i);
          document.getElementById('stok').value=i+1;
          content = newdiv.innerHTML;
          content += "<table cellpadding=\"6\" cellspacing=\"10\" border=\"2\" width=\"1000\"><tr><td>"
          content +="N*"+i+"<br><br>        NC:";
          content +='<select type="text" name="NC['+i+']" id="NC['+i+']" onChange="recueill1fo(this);">';
          content+='<option selected>Faites un choix<//option>';
          content +='<option value="USD">USD<//option>';
          content +='<option value="EUR">EUR<//option>';
          content +='<option value="GBP">GBP<//option>';
          content +='<option value="JPY">JPY<//option>';
          content +='<option value="HKD">HKD<//option>';
          content +='<option value="CHF">tokny alaina avy any @base<//option>';
          content +='</select>';
          content+="<br><input type='button' value='ok' id='"+i+"' onclick='recueill1fo(this);' >";
          content +="</td><td><table><tr><td>       Forme:";
          content +="</td><td><input type='text' name='Forme["+i+"]' id='Forme["+i+"]' size='20'>";
          content +="</td></tr><tr><td>       Presentation:";
          content +="</td><td><input type='text' name='Pres["+i+"]' id='Pres["+i+"]' size='20'>";
          content +="</td></tr><tr><td>Mode de prise:";
          content +="</td><td><input type='text' name='Mode["+i+"]' id='Mode["+i+"]' size='20'>";
          content +="</td></tr><tr><td>Posologie(x g/y kg/y jr):";
          content +="</td><td><input type='text'  maxlength='4' size='1' name='Masse["+i+"]' id='Masse["+i+"]' size='3'>";
          content +="<input type='text'  maxlength='3' size='1' name='MasseU["+i+"]' id='MasseU["+i+"]' size='3'>";//Select
          content +="<input type='text'  maxlength='3' size='1' name='poi["+i+"]' id='poi["+i+"]' size='3'>";
          content +="<input type='text'  maxlength='3' size='1' name='poiU["+i+"]' id='poiU["+i+"]' size='3'>";//Select
          content +="<input type='text'  maxlength='4' size='1' name='par["+i+"]' id='par["+i+"]' size='3'>";
          content +="<input type='text'  maxlength='3' size='1' name='parU["+i+"]' id='parU["+i+"]' size='3'>";//Select
          content +="</td></tr><tr><td>Pendant:";
          content +="</td><td><input type='text'  maxlength='3' size='1' name=Pdt["+i+"]' id='Pdt["+i+"]' size='3'>";
          content +="<input type='text'  maxlength='4' size='1' name=PdtU["+i+"]' id='PdtU["+i+"]' size='3'>";//Select
          content +="</td></tr></table></td><td>Quantite a delivrer:";
          content +="<input type='text' name='Quant["+i+"]' id='Quant["+i+"]' size='20'>";
          content +="</td></tr></table>"
          //content +='<a id="AccountDelete" href="#" onclick="removeInput(\'' + newdivname + '\');">[Delete]</a>';
          newdiv.innerHTML = content;
          target.appendChild(newdiv);
          counter++;
}