[jQuery] Positionnement en JQuery sur mon select

Hello.
Voilà j'aimerai positionner mon select box sur une option de mon select:

Code:

---

1 2 3 4 5 6

<select name="test" id="maSelectBox"> <option value="testValeur1">testLibelle1</option> <option value="testValeur2">testLibelle2</option> <option value="testValeur3">testLibelle3</option> <option value="testValeur4">testLibelle4</option> </select>

---

Je pensais a quelque chose comme ceci:
$("#maSelectBox").options[0].selected; Pour positionner sur la première option.
$("#maSelectBox").selectedIndex = 0; Ou ceci.

Mais ça ne marche pas. Une idée?

Bonjour,

Code:

---

1 2 3 4 5 6

<select name="test" id="maSelectBox"> <option value="testValeur1" selected>testLibelle1</option> <option value="testValeur2">testLibelle2</option> <option value="testValeur3">testLibelle3</option> <option value="testValeur4">testLibelle4</option> </select>

---

ou en JS

Code:

---

$("maSelectBox").options[0].selected = true;

---

EDIT : qui est un raccourcis pour

Code:

---

document.getElementById("maSelectBox").options[0].selected = true;

---

A+

Merci pour cette réponse. En fait je fais ça dynamiquement. C'est à dire que mon "selected" va évoluer. J'ai donc essayer ceci :

Code:

---

$("#maSelectBox").options[0].selected = "selected";

---

ou ceci:

Code:

---

$("#maSelectBox").options[0].selected = true;

---

Mais j'ai une erreur :

"$("#maSelectBox").options has no properties"

Pourtant j'ai bien des valeurs dans ma select box.

Citation:

---

Envoyé par Spir

Pourtant j'ai bien des valeurs dans ma select box.

---

Mais que vient faire ici ce # :?
Enlève le pour voir ....

A+

Citation:

---

Envoyé par E.Bzz

Mais que vient faire ici ce # :?
Enlève le pour voir ....

A+

---

J'ai tout essayé :)
Mais en JQuery on récupère l'element par son id en mettant # devant.
Donc pour manipuler mon select je fais ceci:

Code:

---

1 2 3

<select name="test" id="maSelectBox"> ... $("#maSelectBox").

---

Citation:

---

Envoyé par Spir

"$("#maSelectBox").options has no properties"

---

Le message est pourtant clair : l'objet ne l'est pas :aie:

Essaye quand même

Code:

---

document.getElementById("maSelectBox").options[0].selected = true;

---

pour voir.
On ne sait jamais .... :mrgreen:

A+

Comme je disais plus haut j'ai essayé sans le #. le message d'erreur est le même. :?

Bon en fait je mélangais JQuery avec Javascript...
La solution la voici:

Code:

---

$("#maSelectBox").get(0).selectedIndex = 0;

---

le .option[0] est remplacé par .get(0)
Voilà.
Merci pour tes réponses ;)

Citation:

---

Envoyé par Spir

Bon en fait je mélangais JQuery avec Javascript...

---

Je commençais à m'en douter un peu :mouarf:

:king:

A+