Passer l'option d'un select à "selected"

Bonjour,

j'ai créé un planning qui affiche les jours de la semaine et les projets en cours pour la semaine choisie.

Lorsque l'on clique sur une case du planning (correspondant à un jour et une personne), on peut ajouter un projet. Pour cela, on affiche un formulaire après clic sur une case :
- nom de la personne sélectionnée
- jour choisi (ces deux champs se remplissent automatiquement)
- liste des projets possibles
- bouton valider

La fonction Javascript qui me permet de remplir mes champs :

Code:

---

1 2 3 4 5 6 7 8

function addtache(val) { datech = val.split("/"); document.getElementById('ladate').value = datech[0]; document.getElementById('lapers').value = datech[1]; document.getElementById('ajoutertache').style.display = 'block'; }

---

val est sous la forme : 05-05-10/monlogin/12546 (date/login/id_projet)

Il est possible de cliquer sur une case même si un projet est déjà entré.
Dans ce cas là, j'aimerai que ma liste de projets ait en "selected" le projet déjà sélectionné.

Il y a bien la fonction selectedIndex ou cette formule :

Code:

---

document.forms[0].monSelect.options[i].selected = true;

---

Sauf que je ne sais pas quelle est la valeur de i puisque le 'i' ne correspond pas à l'id du projet.

Ce que j'ai testé :

Code:

---

document.forms[0].listepjts.options[datech[2]].selected = 'selected';

---

Alors comment puis-je faire pour savoir à quel 'i' correspond mon id_projet ? Ou y-a-t-il une autre méthode ?

Merci :)

essaye d'attribuer directement la value ... (je sais pas si c'est crossbrowser )
sinon il faudra boucler sur les options pour tester l'egalité de la value

J'ai testé avec la value :

Code:

---

document.getElementById('listepjts').value = datech[2];

---

Mais ça ne fonctionne pas non plus.

Pour le bouclage sur les options, je le fais du coup dans le php ? Ou toujours dans mon js ?

si tu peux le faire en php ce sera mieux ...

Code:

---

<?php echo ( (valueoption=valuesel)?'selected="selected"':''); ?>

---

Hum du coup je ne suis pas sûre d'avoir compris la méthode.

Mon id_projet, je le récupère bien à quelque part pour ensuite le comparer dans mon select ? Mais dans quoi ?

A la base, je pensais dans un input hidden mais je ne fais pas de POST ou GET me permettant de le récupérer, donc est-ce que tu peux m'en dire plus ?

tu as la boucle php de creation du select ? ou le code php du select ?

Code:

---

1 2 3 4 5 6 7 8

echo '<select name="listeproj" id="listepjts">'; $listepjt = mysql_query("SELECT id_projet,nom_projet FROM projet ORDER BY nom_projet ASC;"); while ($donnees = mysql_fetch_array($listepjt)) { echo '<option value="'.$donnees['id_projet'].'">'.$donnees['nom_projet'].'</option>'; } echo '</select>';

---

Je l'ai déjà fait de mettre en selected une option, mais pas depuis javascript et sans poster de form x)

Merci pour ton aide !

mais par rapport à quoi tu veux le mettre le selected coté js ?????
tu as un value ou un index ?

J'ai un planning s'affichant sur ma page. Quand je clique sur une case, j'affiche un formulaire pour ajouter un projet à tel jour et pour telle personne.
A chaque case on a un id : date/login_personne/id_projet (avec id_projet pouvant être vide).

Sauf que la case peut contenir un projet. Et dans ce cas là, mon formulaire affichera toujours la date et la personne concernées mais aussi le nom du projet déjà dans la case (celui que je dois passer à selected).

Au clic d'une case, on déclenche cette fonction :

Code:

---

1 2 3 4 5 6 7 8

function addtache(val) { datech = val.split("/"); document.getElementById('ladate').value = datech[0]; document.getElementById('lapers').value = datech[1]; document.getElementById('listepjts').value = datech[2]; }

---

Comme ça, je récupère mon id_projet (la dernière ligne). Si je devais le mettre dans une case, ça irait.

Code:

---

1 2 3 4 5 6 7 8 9

echo '<select name="listeproj" id="listepjts">'; $listepjt = mysql_query("SELECT id_projet,nom_projet FROM projet ORDER BY nom_projet ASC;"); while ($donnees = mysql_fetch_array($listepjt)) { // Ici peut-être, il faudrait : si $donnees['id_projet'] = datech[2] alors selected='selected' echo '<option value="'.$donnees['id_projet'].'">'.$donnees['nom_projet'].'</option>'; } echo '</select>';

---

Sauf que mon datech[2], je ne peux pas le récupérer en brut comme ça.

J'espère que c'est plus clair :?

EDIT : sinon j'ai testé ceci mais il doit y avoir une erreur :

Code:

---

1 2 3 4 5 6

for(i=0;i<document.form.listepjts.length;i++) { if (document.getElementById('listepjts').options[0] == datech[2]) document.forms[0].listepjts.options[i].selected = 'selected'; }

---

déja tu ne modifies le i de l'option tu reste sur le 0, ensuite c'est le value de l'option qu'il faut tester par rapport à la variable non ???

Oui le i je l'ai vu, j'ai modifié de suite !
Pas faux pour le value ...

Code:

---

1 2 3 4 5 6

for(i=0;i<document.form.listepjts.length;i++) { if (document.getElementById('listepjts').options[i].value == datech[2]) document.forms[0].listepjts.options[i].selected = 'selected'; }

---

ne fonctionne pas mieux ... =(

c'est que l'egalité n'est jamais virai ... tu as un problème entre la vlauer de la varaible et la valuer de l'otion ...
debugge avec un alert !!!

Code:

---

1 2 3 4 5

for(i=0;i<document.form.listepjts.length;i++) { alert( 'option : '+i+'\nvalue :'+document.getElementById('listepjts').options[i].value+'\nvariable test :'+datech[2]); if (document.getElementById('listepjts').options[i].value == datech[2]) document.forms[0].listepjts.options[i].selected = 'selected'; }

---

J'ai déjà testé, mais aucun alert() ne fonctionne dans mon for ! Donc pour débugguer ... :?

EDIT : ma liste de projets contient bien les bons id et mon datech[2] contient bien ma valeur.

c'est que le souci est en amont ! il ne rentre même pas dans ta boucle

Qu'est-ce qui peut gêner à l'entrée d'un for dans cette fonction :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14

function addtache(val) { datech = val.split("/"); document.getElementById('ladate').value = datech[0]; document.getElementById('lapers').value = datech[1];   for(i=0;i<document.form.listepjts.length;i++) { if (document.getElementById('listepjts').options[i].value == datech[2]) document.forms[0].listepjts.options[i].selected = 'selected'; } document.getElementById('ajoutertache').style.display = 'block'; }

---

J'ai fait des alert(val), alert(datech[0/1 ou 2]), tout est ok niveau valeur.
Ca peut venir d'où ?

EDIT : j'ai un appel Ajax en dessous de cette fonction également ... Ca pourrait venir de ça ? (sachant que ma fonction fonctionne correctement)

Code:

---

alert(document.form.listepjts.length)

---

te retourne quoi juste avant la boucle ?

Je n'ai rien du tout qui se passe si je mets ton code.
Si je mets un alert(val), j'ai bien le alert et mon formulaire (dans le div) qui s'affiche.

Je n'y comprends rien u_u

fait voir le htlm du select ...
il a un id ou un name ??

Il a les 2, id et name ...

Code:

---

1 2 3 4 5 6

<select id="listepjts" name="listeproj"> <option value="0125415">Projet1</option> <option value="0148416">Projet2</option> <option value="0587417">Projet3</option> </select>

---

Edit : je dois partir, je répondrais demain ...

options.length

tu n'as pas plusieurs selects identiques ???

Code:

---

for(i=0;i<document.getElementById('listepjts').options.length;i++)

---

Citation:

---

Envoyé par SpaceFrog

Code:

---

for(i=0;i<document.getElementById('listepjts').options.length;i++)

---

---

Nickel ! Ca fonctionne :ccool:

Merci SpaceFrog ! :D