modifier dynamiquement les options d'un select [Résolu]

[malimaot]

Bonjour,
mon problème c'est que je cherche une facon de changer dynamiquement les option d'un select.
je travail sur un site internet qui permet l'ajout des des utilisateurs.Pour cela l'utilisateur doit choisir une fonction, mais si ca fonction n'existe pas il peut l'ajouter dans la base de données.Alors il a à sa disposition un lien qui lui permet d'ouvrir un popup et d'ajouter sa fonction.
Après l'ajout de la fonction il ferme le popup.Maintenant je veux que les options de select de la fonction soient mis à jour.
j'ai essayer

Code :

1
2
3
4
5
<select name="acteur.fonction" onclick="test();" id="fonctions">
 		<c:forEach items="${b1.listeFonctions }" var="fonction">
 		<option value="${fonction.nom}">${fonction.nom}</option>
 		</c:forEach>
 	</select>

avec

Code :

1
2
3
4
5
6
<script type="text/javascript" >
function test(){
	document.getElementById('fonctions').innerhtml="<option>option1</option>";
 
}
</script>

mais ca marche pas.
merci

[Bovino]

Envoyé par malimaot

mais ca marche pas.

Normal, JavaScript est sensible à la casse, donc innerhtml != innerHTML

[andry.aime]

+1 Bovino,
le select ne gere pas innerHTML sous certain Navigateur.
Problème mainte fois résolue sur le forum et la réponse est sur la

Code :

1
2
3
var option = new Option("texte","valeur");
document.getElementById('fonctions').options.length=0;
document.getElementById('fonctions').options.length=option ;

[malimaot]

merci Bovino, andry.aime ça marche bien.
c'était un problème de navigateur.