Discussion :

[Invité]

Bonjour,

J'ai besoin d'ajouter à un index précis un élément option dans une liste, seulement sous FF (non testé sous IE) ça plante si je désigne l'index où je souhaite placer l'option.

Code :

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

1
2
3
var menu = document.getElementsByName("select")[0];
var option = new Option ("xyz", "xyz");
menu.add(option, 1);

Par contre ça fonctionne si j'omets l'index ou si je lui attribue la valeur null, mais dans ce cas l'élément est placé en fin de liste.

Dois-je en conclure que FF est incapable de gérer le positionnement de la méthode add() ? Existe-t-il une autre méthode pour arriver au même résultat ?

Merci pour votre aide,

webrider

[Auteur]

bonjour,

add est une méthode de l'objet options pas de l'objet select :

Code javascript :

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

1
2
3
4
5
 
 var combo = document.getElementById("combo");
 
 var op = new Option("Texte", "Valeur",false,false);
 combo.options.add(op, 1);

Remarques :
- FF ne reconnait pas la méthode document.getElementsByName() (méthode "dépréciée"). Cible donc tes élements en utilisant l'attribut id :

Code hrml :

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

1
2
3
4
 
<select size="10" id="combo">
<option>- - Votre choix - -</option>
</select>

puis appelle l'objet par la méthode document.getElementById("combo") ;
- attention à ne pas utiliser de mots-clef dans tes scripts (variable option) ;
- denière remarque : si tu veux que ta page soit valide W3C il faut au minimum une option dans le select .

[Invité]

C'était la bonne méthode mais pas le bon objet! lol

En tous cas merci, ça fonctionne très bien à présent.

webrider