Modifier un <option> à partir de son value et du name du select

Bonjour,

Je cherche le moyen de travailler sur un élément d'une liste, le modifier pour qu'il soit sélectionné. Seul soucis, pour l"identifier, je ne connais que sa valeur (value) et le nom du select parent.

Voilà ce que j'ai essayé jusqu'ici :

Code:

---

document.getElementsByName('question_suivante_3').item(0).getElementByValue('savaleur').setAttribute("selected","true");

---

Bien sûr, ça ne fonctionne pas vu que getElementByValue n'est pas une fonction qui existe, mais ça représente bien ce que je veux faire.

Après, je pourrais toujours ajouter un id à chacun de mes option, mais ça serait un peu porkyland non ? :mrgreen:

En vous remerciant par avance. :)

Code:

---

document.getElementsByName('question_suivante_3')[0]

---

mais il va falloir boucler sur les options

Code:

---

1 2 3 4 5 6 7 8

function selectedValue(val){ var monselect =document.getElementsByName('question_suivante_3')[0] opts=monselect.options; ol=opts.length; for(i=0;i<ol;i++){ if(opts[i].value==val){monselect.selectedIndex=i} } }

---

Je pense que tu es obligé de parcourir l'ensemble des elements <option> de ton select pour déterminer celui qui correspond à ton value afin de pouvoir définir son attribut à 'selected'.

Le grand Spacefrog m'a devancer et de surcroit t'a donné le code ;) (donc respect)

Merci, ça marche très bien avec Firefox.
Par contre, avec IE...

Peut-être que ça vient du fait que les option soient compris dans des optgroup. Ou peut-être que le problème vient d'ailleurs dans le code.

Un petit exemple de select :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

<select name="question_suivante_1"> <optgroup label="Groupe 1"> <option value="1-1">Question 1</option> <option value="1-2">Question 2</option> <option value="1-3">Question 3</option> <option value="1-4">Question 4</option> <option value="1-5">Question 5</option> <option value="1-6">Question 6</option> <option value="1-7">Question 7</option> <option value="1-8">Question 8</option> <option value="1-9">Question 9</option> <option value="1-10">Question 10</option> <option value="1-11">Question 11</option> </optgroup> <optgroup label="Groupe 2"> <option value="2-1">Question 1</option> <option value="2-2">Question 2</option> <option value="2-3">Question 3</option> <option value="2-4">Question 4</option> <option value="2-5">Question 5</option> </optgroup> <optgroup label="Groupe 3"> <option value="3-1">Question 1</option> <option value="3-2">Question 2</option> </optgroup> <option selected="true" value="NULL">Fin</option> </select>

---

Bien sûr c'est un exemple, ça peut très bien changer selon les données de la BDD.

J'ai cru un moment que le selected="true" mis sur le dernier élément de la liste aurait pu être la cause (parce qu'il serait "plus fort" que le selected que l'on mettrais ensuite sur un autre élément), mais j'ai essayé de le virer et le bon élément n'était toujours pas sélectionné.

Code:

---

1 2	if(opts[i].value==val){opts[i]..selected=true;}

---

Matthieu2000, ce n'est pas mieux. Pas pire non plus. C'est exactement pareil en fait (en résultat visuel j'entends).

Entre temps j'ai essayé en mettant un id à chaque option :

Code:

---

document.getElementsByName('question_suivante_3')[0].selectedIndex = document.getElementById('Id').index;

---

Mais ça ne fonctionne toujours pas ! C'est désespérant... :cry:

Le pire c'est que ce code est dans une boucle qui sert à afficher plusieurs lignes. Et, vu qu'il y a erreur, la boucle s'arrête à la première ligne. Et vu que je n'ai jamais entendu parler de debugger sur IE...

En plus j'ai la version 7, j'ose même pas imaginer ce que ça donnerait avec une version antérieure. Bref, Internet Explorer j'te love. :evilred: