Bonsoir.
J'espère trouver une réponse dans ce forum pour un problème que je n'arrive vraiment pas à résoudre et je vous remercie d'avance.

J'ai une balise SELECT tout ce qu'il y a de plus simple, par exemple :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
<select   name="nom" id="id10" >
<option>Catégorie1</option>
<option>Catégorie2</option>
<option>Catégorie3</option>
</select>

Pour selectionner en javascript une option, j'ai utilisé la façon suivante :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
document.getElementById('id10').selectedIndex=2;
Ceci permet de selection l'index 2 donc "Catégorie3".

Par contre j'aimerais pouvoir effectuer une telle selection mais en indiquant directement la valeur texte qui doit être sélectionnée par exemple :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
document.getElementById('id10').quelquechose=Catégorie3;
J'ai réussi à le faire avec la méthode suivante :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
tb1 = document.getElementById('id10');
tb1.options[tb1.selectedIndex].text=="Catégorie2";
Le problème c'est qu'un nouveau champs est créé. On obtient :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
<select   name="nom" id="id10" >
<option>Catégorie2</option>
<option>Catégorie1</option>
<option>Catégorie2</option>
<option>Catégorie3</option>
</select>

On a deux fois le Catégorie2!!!

Est-ce que quelqu'un aurait une idée? Merci d'avance.