Préselection select multiples

Bonjour à tous,

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

Code:

---

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:

---

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 ?

Code:

---

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

---

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

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

Code:

---

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...

Bonjour,

Vous faites un

Code:

---

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:

---

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.

Bonjour,

en fait dans mon exemple, en faisant :

Code:

---

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...

Je me suis trompé. :oops:
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:

---

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

---

ben oui, c'est ce que je croyais aussi...
Mais non, et la console FF continue à trouver la var the_select comme undefined.

[edit] : et pourtant, si je fais selon votre exemple :

Code:

---

1 2	alert(document.getElementsByName('select[0]')[0].value);

---

Cela m'affiche bien la value de l'option sélectionnée du 1er select, ce que je souhaite. Mais alors pourquoi la var the_select ne fonctionne pas ???
:aie:

tu renseignes une variable avec un objet puis tu repars de document ???
ta variable n'est pas une propriété ni un objet de document ...

Code:

---

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

---

Hello SpaceFrog,

Viens d'essayer :

Code:

---

1 2 3

var the_select = document.getElementsByName('prod[0]')[0]; the_select.options[1].selected=true;

---

et

Code:

---

1 2	document.getElementsByName('prod[0]')[0].options[1].selected=true;

---

Plus de message d'erreur FF mais pas de pré-selection non plus...
Mais peut-être ferais-je mieux d'exposer ici l'ensemble de mon raisonnement (qui doit être un peu "tordu") ?

Oui parce que ce code fonctionne chez moi (sous IE). ;)

Citation:

---

Envoyé par vermine

Oui parce que ce code fonctionne chez moi (sous IE). ;)

---

Alors ce serait quelque chose qui gênerait FF ???

Code:

---

document.getElementsByName('prod[0]')[0].options[1].selected="selected"

---

ou

Code:

---

document.getElementsByName('prod[0]')[0].options[1].selected=1;

---

Arggghhh !!! Toujours pas ! Bon. Voici mon raisonnement :

1- Les selects sont générés dynamiquement en PHP, leur nombre sur la page dépend du nombre de produits que le user veut afficher. Pour chacun d'entre eux, le nombre et la valeur des options dépend d'une BDD.

2- Sur les select, j'ai mis un appel de fonction sur un onchange :

Code:

---

1 2 3 4 5 6

<select name='prod[".$i."]' onChange = 'the_produit(this.value, '".$i."')'> while($row = mysql_fetch_assoc($sql)){ <option value='".$row['id']."'>".$row['nom']."</option> } </select>

---

Côté JS, je déclare deux variables globales (enfin, je pense), puis la fonction :

Code:

---

1 2 3 4 5 6 7 8

var the_preselect; var the_option;   function the_produit(choix_option, num_select){ the_preselect = num_select; the_option = choix_option; }

---

Dans ces variables "globales", je pense mémoriser la sélection du user.

Ensuite, dans la fonction qui reload la page à la fermeture du popup :

Code:

---

1 2 3 4 5 6 7

function renvoi_page(arg1, arg2){ window.location.href= "mapage.php?arg1=arg1&arg2=arg2"; //et le fameux : var the_select = document.getElementsByName('prod[0]')[the_preselect]; the_select.options[the_option].selected="selected"; }

---

Voili voilou... tordu ? débile ?
:oops:

Je n'ai pas bien compris l'histoire de la pop up mais si la page est rechargée, les variables Javascript sont vidées. Il y a une communication de fille à mère ? Ensuite, il y a ceci à corriger:

Code:

---

1 2	window.location.href= "mapage.php?arg1=" + arg1 + "&arg2=" + arg2;

---

Les variables sont vidées au rechargement...
Alors, il n'y a aucun moyen de conserver une pré-selection dans un select après que la page ait été rechargée ???
Aucune façon de "mémoriser" un choix de select ?

Oui, pour la synaxe de window.location.href, j'ai écrit ça vite fait ici. Le reload fonctionne bien....et il efface les pré-selections...

Mmm... Avant ça, est-il nécessaire de recharger la page à la fermeture de la pop up ?
Je ne sais pas trop si il y a moyen de jouer avec des cookies, des sessions ou bien faire submit d'un petit formulaire qui contiendrait les deux-trois valeurs qui vous intéressent pour les select.
:(

Qui dit select dit soumission de formulaire à la page en action du form...
Pourquoi passer par javascript si tu as les elements en php ?

Je tente de répondre à vous deux :

Certes j'ai tous les éléments en php...mais ce que je voudrais c'est que les choix de select soient conservés alors que le formulaire n'est pas encore posté ! Le popup, en se fermant, refresh la page et efface donc ce qui a été pré-selectionné dans les select.

Ce popup, en fait, est un genre de catalogue que l'on peut modifier. C'est ce qui détermine les options des select de la page mère. Pour que les changements soient pris en compte et s'affichent sur la page mère, j'ai besoin qu'elle soit rafraîchie à la fermeture du popup.

Mais si il n'est pas possible de garder une pré-selection "en mémoire" sans que le form ne soit posté, alors je capitule et vous remercie beaucoup d'avoir passé du temps sur mon "problème" (ce mot honni n'est pas dans le titre ! ;)

Non non, il est possible de communiquer de la fille vers la mère sans recharger la page, il me semble. :(

alors :
http://www.developpez.net/forums/d27...enetre-enfant/

Oui, je lis ce post sur le dialogue parent/enfant. Mais tel n'est pas mon problème, enfin, je pense. Ma popup contient un window.opener sur le window.close et les paramètres dont j'ai besoin reviennent bien à la fenêtre mère.
...A moins que le choix user des selects "parte" dans le popup (dans une var ou un Array) et "revienne" sur la page mère pour le pré-select ?

Mais là je suis en terrain inconnu...si c'est faisable, je vais creuser.
:)

HEu si tu ne passe par les varibales de la fille à la mère ... ça ne se fera pas tout seul juste sur le window.close de la fille
il faut avant passer le variables à la mère ...

ouh que c'est compliqué de se comprendre, parfois...:calim2:

Mon popup a besoin de certaines variables PHP que je passe dans le lien d'ouverture en GET. Je les récupère donc en $_GET.
Ensuite sur le lien de fermeture dans la popup :

Code:

---

1 2	onClick="window.close();window.opener.recharge_page('$var1','$var2','$var3','$var4')";

---

et la fonction recharge_page de la page mère la recharge avec un window.location.href=mapage.php?var1=var1...etc et toutes les variables.

Ca fonctionne impec. Mais je vois pas comment je peux passer au popup le choix d'un select de la mère pour qu'il revienne à la fermeture dans la fonction de recharge et que je le récupère pour garder le select avec la même option sélectionnée.

Woaw !

pourquoi recharger la mère ... ???
si tu recharges ma mère tu devras soit recupérer les pramètres en php et agir en conséquence sur les selects, soit recupérer les paramètres en get dans l'url sur le onload de la page...

Le plus simple etant de ne pas recharger la mère et d'agir directement sur les selects de la mère à partire de la fille avant la fermeture de celle ci

La mère présente des select qui lisent une table.
La fille permet de mettre à jour cette table.
Si je veux que les select de la mère soient à jour par rapport aux modifs qui ont pu être faites dans le popup, je suis bien obligé de la recharger pour re-lecture de la table à jour dès la fermeture du popup.
Je m'explique peut-être pas clairement ?

Mais finalement, j'en déduis qu'il n'est pas possible de conserver l'option sélectionnée d'un select après le refreh de la page...et ma foi, tant pis.
:?

Je pensais qu'on pouvait stocker ça quelque part en JS.

tu veux rafraichir là mère suite à une mise à jour de la table par la fille ...

il te faut juste depusi la fille avant sa fermeture lancer une requete ajax depuis là mère vers la table pour mettre à jour les selects de la mère .

Mais tu pourrais aussi depuis la fille mettre à jour les selectes de la mère avant la mise à jour de la table,

Bien que la première solution soit plus sure au niveau de l'affichage

Bonjour SpaceFrog,

Citation:

---

il te faut juste depuis la fille avant sa fermeture lancer une requete ajax depuis là mère vers la table pour mettre à jour les selects de la mère .

---

Euh...ben ça, il va falloir que je me lise un bon tuto parce que c'est pas gagné... et si je comprends bien, cette manip remplacerait le refresh de la mère ?

Si tu veux, l'idée du pourquoi cette demande, c'est que la mère contient un bon nombre de select + 1 lien vers la mise à jour du "catalogue" (base SQL). Et j'ai remarqué que le user faisait ses choix dans les selects, puis d'un coup se disait "et si je rajoutais un produit au catalogue ?" et hop : il clique le lien, ouvre le popup, ajoute son produit, ferme le popup, ce qui rafraîchit la mère... et toutes les sélections qu'il avait faites ont disparu.

C'est juste une question de confort : faire en sorte que les choix qu'il a faits avant d'ouvrir le popup soient gardés même après sa fermeture et le refresh de la mère. Mais bon, si je dois monter une usine à gaz pour ça...

oui ajax permet de faire une requete sur le serveur sans recharger la page

Ainsi avant le fermeture de la fille et sans doute sur un petit setTimeout le temps que la fille fasse la mise à jour tu peux lancer une requete depuis la mère vers le serveur pour recupérer les mises à jour.