[POO] Recuperer info dans un select autre que text et value

Bonjour,

Je suis néophyte en js et je bloque sur qqchose qui a priori me semble simple.

Je génère (via php) un "select" avec toutes une série d'"option".

Il s'agit d'entrée dans une table sql, dans value je renseigne l'ID de l'enregistrement j'affiche la donnée utilisateur dans text et j'ai une info supplémentaire qui correspond au droit de suppression.

Code:

---

1 2 3 4

<select name="TableBidon" > <option class='readOnly' value='ID00'>Donnee 1</option> <option class='readWrite' value='ID01'>Donnee 2</option> </select>

---

Pour récupérer value et text pas de soucis.

Code:

---

1 2	document.form.TableBidon.options[document.form.TableBidon.selectedIndex].text; document.form.TableBidon.options[document.form.TableBidon.selectedIndex].value;

---

Par contre pour récupérer les droits un

Code:

---

document.form.TableBidon.options[document.form.TableBidon.selectedIndex].class;

---

ne me donne aucun résultat (j'ai utilise class, mais aussi ID et même des mots non clef).

Bien sur je peux tout concaténer dans value et le récupérer après, mais franchement c'est moche!

Si qq'un a une solution propre je suis preneur.
Le problème de droit est donné a titre d'exemple.

cordialement,

/JMLLB

Je ne suis pas sûr mais je crois que c'est className au lieu de class

+1

bon il y a du changement.

Effectivement la ou j'avais un undefined j'ai maintenant une valeur nulle (ce qui est normal puisque je n'ai pas défini de style pour readOnly ou readWrite.

Mais je crains m'être mal exprime dans l'idéal j'aurai bien vu un truc du genre:

Code:

---

1 2 3 4

<select name="TableBidon" > <option param1='12' param2='23' param3='34' value='ID00'>Donnee 1</option> <option param1='02' param2='03' param3='04' value='ID01'>Donnee 2</option> </select>

---

avec une récupération du genre:

Code:

---

1 2 3

document.form.TableBidon.options[document.form.TableBidon.selectedIndex].param1; document.form.TableBidon.options[document.form.TableBidon.selectedIndex].param2; document.form.TableBidon.options[document.form.TableBidon.selectedIndex].param3;

---

De cette maniere je n'ai pas a refaire de consultation de ma base de donnees.

J'ai utilisé le mot clef class car en créant de toute pièce un id cela n'a pas marché.

en tout cas merci de votre promptitude! :)

Pour quoi ne pas faire :

Code:

---

1 2 3 4 5 6 7

if (document.form.TableBidon.options[document.form.TableBidon.selectedIndex].value = 'ID00') { param1 = 12 ; param2 = 23 ; param3 = 34 ; }

---

Je ne suis pas sur que cela focntionne avec tous les browsers avec l'attribut nommé directment dans la balise ...
Par contre avec javascript tu peux attribuer une propriété à un objet ...
peut être alors en lançant une fonction dans le onload ...

sinon avec des champs cachés et des id rationnels ?

Citation:

---

Envoyé par jumano

Pour quoi ne pas faire :

Code:

---

1 2 3 4 5 6 7

if (document.form.TableBidon.options[document.form.TableBidon.selectedIndex].value = 'ID00') { param1 = 12 ; param2 = 23 ; param3 = 34 ; }

---

---

euh... parce que les 12,23 et 34 sont des valeurs que je veux récupérer et que je ne connais pas a priori. Elles se trouvent dans une table sql dont je me sert pour générer mon select via du php. Mais j'ai peut être pas compris ce que tu voulais dire.

Citation:

---

Envoyé par SpaceFrog

Je ne suis pas sur que cela fonctionne avec tous les browsers avec l'attribut nommé directement dans la balise ...

---

Je confirme ça ne marche pas du tout.

Pour le reste je vais reprendre ca demain matin parce que les id rationnels et les onload ça ne me parle pas du tout et il se fait un peu tard...

J'ai aussi essaye de créer un sous niveau de balise style:

Code:

---

1 2 3

<select name="TableBidon" > <option value='ID00'>Donnee 1<param1 value='12'></param1></option> </select>

---

avec une recuperation dans le genre:

Code:

---

document.form.TableBidon.options[document.form.TableBidon.selectedIndex].param1.value;

---

Mais ça a vraiment fâche le navigateur.

ps: désole pour les accents mais je fais ce que je peux avec un clavier cyrillic.

ton php peut renseigner des vairables javascript ...

Utilises un objet pour gérer tes paramètres (que tu génères en php) :

params={
ID00:[p0,p1,p2],
ID01:[p0,p1,p2],
...
}

ensuite, pour récupérer :

p=params[document.form.TableBidon.options[document.form.TableBidon.selectedIndex].value];

Bon je vais essayer de donner un exemple parlant.

J'ai une table sql (PERSONNES) constituée des colonnes suivantes:

ID,NOM,PRENOM,SEXE,AGE.

via un script php défini dans un fichier je génère un select de cette forme:

Code:

---

1 2 3 4

<select name="client" > <option sexe='h' age='34' value='ID00'>Roger DUPOND</option> <option sexe='f' age='58' value='ID01'>Ginette MARTIN</option> </select>

---

inclus ce script dans différentes pages.

Sur une page ou gère des groupes d'activités je peux utiliser les paramètres sexe et age pour refuser ou valider les soumissions de requêtes.
Les paramètres age et sexe ne doivent pas apparaitrent à l'utilisateur mais seulement
servir de contrôle.

Comme je ne sais pas où et comment je vais utiliser ce script je ne peux être trop spécifique.
Je voyais plutôt ça comme une structure où je pourrai accéder aux informations dont j'ai besoin selon les cas.

J'espère que c'est plus clair.

Je viens de voir la réponse de marts je vais donc essayer demain de faire:

Code:

---

1 2 3 4 5 6 7 8

<select name="client" > <option value='ID00'>Roger DUPOND</option> <option value='ID01'>Ginette MARTIN</option> </select> params={ ID00:[h,34], ID01:[f,58] }

---

merci,

je vais voir ce que ça donne demain.

Bonjour,

Et un truc dans ce genre :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

<?php  if (isset($_POST['btn']))    {    list($client, $sexe, $age) = explode(',', $_POST['client']);    echo 'client :' . $client . '<br>sexe : ' . $sexe . '<br>age : ' . $age . '<br>';  } ?> <html> <head> </head> <body> <form name="test" method="post" action=""> <select name="client" > <option value="ID00,h,34">Roger DUPOND</option> <option value="ID01,f,58">Ginette MARTIN</option> </select> <br> <input type="submit" name="btn" /> </form> </body> </html>

---

Problème réglé!

Je suis passe par un tableau php que je récupére en tant que paramètre in/out
de ma fonction qui construit mon select.
Dans un deuxieme temps je recopie mon tableau php dans un tableau js qui va me servir pour faire mes verifications.

C'est un peu compliqué a mon gout, mais bon ça marche et au je n'ai plus d'infos saucissonnées dans l'argument valeur.

Je pensai qu'il avait moyen de construire des structures dont seulement une partie servait a l'affichage de manière plus souple mais je suis très loin de maitriser l'approche html/php/js.

en tout cas merci de vos conseils!