Bonjour,
j'ai un petit probleme de javascript:
en fait dans ma page HTML, j'ai un menu déroulant contenant un grand nombre de valeur (+/- 500)
à chaque valeur correspond une image.
j'aimerai que quand quelqu'un selectionne un ou plusieur champs de ce menu et valide le formulaire, alors sans recharger la page, les images correspondantes apparaissent dans un DIV prévu à cette effet.
le div s'appel image_alliance
et le select s'appel alliance.
Code :
- function post_select()
- {
- document.forms["alliance"].elements.alliance.name = "alliance[]";//on renome alliance en alliance[] afin de pouvoir l'utiliser comme un tableau
- document.getElementById('image_alliance').innerHTML="";//on efface le contenu du DIV
- for(i=0;document.alliance.alliance[i].value;i++)//on parcourt le SELECT
- {
- if(document.alliance.alliance[i].selected)//pour chaque élément sélectionner
- {
- test = document.alliance.alliance[i].value ;
- document.getElementById('image_alliance').innerHTML += test+"<img src=\"alliance/"+test+".png\"><br/>";//on ajoute l'image correspondante dans le DIV
- }
- }
- }
|
ce script fonctionne très bien sous IE, et fonctionne UNE SEULE FOIS sous mozilla: la première fois qu'on selectionne un ou plusieur champs et qu'on valide on voit apparaitre les images, et si on recommence, plus rien ne se passe!!!!
ou est l'erreur?
