Discussion :

[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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.