Discussion :

[renaud26]

Bonjour à tous,

J'ai une série de select dans une page comme suit :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<select name="select[0]">
<option value="tata">tata</option>
...
</select>
...
<select name="select[1]">
<option value="toto">toto</option>
...
</select>
etc...

J'ai également un lien ouvrant une popup, laquelle, en se fermant, fait appel à une fonction reload sur la page parent avec window.opener. Tout est ok.
Ce que je voudrais, c'est que les valeurs qui ont été sélectionnées dans les select soient conservées, alors que le formulaire n'a pas été posté.

J'ai écrit, dans la fonction qui reload et qui est donc appelée à la fermeture du popup : (à titre d'exemple)

Code :

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

1
2
3
 
var the_select = document.getElementsByName('select[0]');
document.myForm.the_select.options[1].selected=true;

Mais ça ne fonctionne pas et la console FF me sort : document.myForm.the_select is undefined.

Qu'est ce qui cloche ?

[SpaceFrog]

Code :

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

var the_select = document.getElementsByName('select[0]')[0];

pour javascript le name est littéralement "select[0]"

[renaud26]

Bonjour et merci de ta réponse.
...effectivement, je viens de voir dans un tuto la syntaxe correcte :

Code :

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

1
2
3
4
 
var the_select = document.getElementsByName('select[0]')[0];
ou
var the_select = document.getElementsByName('select[0]')[1];

Mais j'ai la même erreur sur la console et ça ne fonctionne toujours pas...

[vermine]

Bonjour,

Vous faites un

Code :

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

1
2
var the_select = document.getElementsByName('select[0]');

Vous allez récupérer un tableau (qui n'aura qu'une valeur dans ce cas-ci) et alors ceci ne fonctionnera pas car vous ne lui précisez pas la cellule du tableau que vous désirez atteindre:

Code :

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

1
2
document.myForm.the_select.options[1].selected=true;

D'où la méthode de SpaceFrog, qui je pense, récupère la première cellule du tableau.

[renaud26]

Bonjour,

en fait dans mon exemple, en faisant :

Code :

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

1
2
3
 
var the_select = document.getElementsByName('select[0]')[0];
document.myForm.the_select.options[1].selected=true;

Je pense récupérer et préselectionner le 2ème< option> du premier select de la page...

[vermine]

Je me suis trompé.
La méthode de SpaceFrog récupère le select sur lequel vous pouvez faire votre .option[i]. Mais, c'est dans la sélection que ça plante.

Code :

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

1
2
 
alert(the_select.options[1].value); //Affichera bien le texte qu'il y a après "tata"