Récuperer le contenu (et non le value) du <option> selectionné

Récuperer le contenu (et non le value) du <option> selectionné - HTML/CSS - Programmation

Marsh Posté le 05-04-2004 à 11:54:13    

(j'ai simplifié le problème en virant tout ce qui n'était pas nécessaire)
 
J'ai une liste <select> avec plusieurs (nombre variable) balises <option>, tel que cela (exemple):
 

Code :
  1. <select name="choixtaille" id="choix" onChange="changer()">
  2. <option value="1" SELECTED>S</option>
  3. <option value="1">M</option>
  4. <option value="1.1">L</option>
  5. <option value="1.2">XL</option>
  6. <option value="1.3">XXL</option>
  7. </select>


 
Dans ma fonction "changer", je sais récuperer le value du choix selectionné:

Code :
  1. valeur = document.myform.choixtaille.value


 
Je sais me servir de nodevalue pour récuperer la valeur contenue dans une balise <option>xxx</option>:  

Code :
  1. valeur = document.getElementById('choix').childNodes[2].nodeValue

 
mais je n'ai aucun moyen de savoir quel choix a été selectionné, je ne peux pas avoir le numero ("2" dans mon exemple) de la balise <option> selectionnée :na:  
 
si vous n'avez pas compris concrètement ce que je veux faire: par exemple si le visiteur selectionne le choix "XL", comment récuperer dans une variable la chaine de caractères "XL" ?
 
 
Si quelqu'un a la reponse ca serait formidable, merci :jap:

Reply

Marsh Posté le 05-04-2004 à 11:54:13   

Reply

Marsh Posté le 05-04-2004 à 12:09:29    

t'a cherché du côté de 'selected' ... ou un truc du genre ?


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 05-04-2004 à 12:23:06    

aspegic500mg a écrit :

(j'ai simplifié le problème en virant tout ce qui n'était pas nécessaire)
 
J'ai une liste <select> avec plusieurs (nombre variable) balises <option>, tel que cela (exemple):
 

Code :
  1. <select name="choixtaille" id="choix" onChange="changer()">
  2. <option value="1" SELECTED>S</option>
  3. <option value="1">M</option>
  4. <option value="1.1">L</option>
  5. <option value="1.2">XL</option>
  6. <option value="1.3">XXL</option>
  7. </select>


 
Dans ma fonction "changer", je sais récuperer le value du choix selectionné:

Code :
  1. valeur = document.myform.choixtaille.value


 
Je sais me servir de nodevalue pour récuperer la valeur contenue dans une balise <option>xxx</option>:  

Code :
  1. valeur = document.getElementById('choix').childNodes[2].nodeValue

 
mais je n'ai aucun moyen de savoir quel choix a été selectionné, je ne peux pas avoir le numero ("2" dans mon exemple) de la balise <option> selectionnée :na:  
 
si vous n'avez pas compris concrètement ce que je veux faire: par exemple si le visiteur selectionne le choix "XL", comment récuperer dans une variable la chaine de caractères "XL" ?
 
 
Si quelqu'un a la reponse ca serait formidable, merci :jap:  


 
En mettant la value à XL aussi...  
 
Ya pas d'autres méthodes... Ou alors si, mais en créant un tableau de valeur avec 1 --> XL 2 --> XXl etc... par exemple...

Reply

Marsh Posté le 05-04-2004 à 15:46:15    

hermes le messager a écrit :


 
En mettant la value à XL aussi...  
 
Ya pas d'autres méthodes... Ou alors si, mais en créant un tableau de valeur avec 1 --> XL 2 --> XXl etc... par exemple...


 
ok :sweat:  
 
et le SELECTED finalement c'est quoi? (attribut??)

Reply

Marsh Posté le 05-04-2004 à 15:51:36    

Normalement les combobox (ton select) possedent une propriete SelectedIndex, il faut que tu verifie dans la dom.

Reply

Marsh Posté le 05-04-2004 à 17:31:07    

avec SelectedIndex ou SelectedItem et .text au lieu de .value, ca devrait fonctionner

Reply

Marsh Posté le 06-04-2004 à 01:05:40    

mmmh merci bocouuuup :o  
 
Je vais chercher dans ce sens là, je devrai arriver à trouver :jap:  :wahoo:

Reply

Marsh Posté le 06-04-2004 à 01:51:20    

aspegic500mg a écrit :


Je vais chercher dans ce sens là, je devrai arriver à trouver :jap:  :wahoo:  


ceci au premier coup d'oeil ... j'ai eu le même sentiment qu'hermes ..... la meilleure facon est de passer la valeur que tu souhaite récuperée en option value.... il n'y aurait pas un pb de conception à la base ?  [:troa]


---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 06-04-2004 à 20:07:08    

simogeo a écrit :


ceci au premier coup d'oeil ... j'ai eu le même sentiment qu'hermes ..... la meilleure facon est de passer la valeur que tu souhaite récuperée en option value.... il n'y aurait pas un pb de conception à la base ?  [:troa]  


 
Nan c'est pas la base le problème, c'est une interaction avec un script en js, je pourrais passer la valeur en value mais ca deviendrait encore plus compliqué du coté de plusieurs autres scripts :D  
 
Ceci dit je reutiliserai mon site pour d'autres boites et à ce moment là je pense que je modifierai les scripts pour simplifier le tout :wahoo:

Reply

Marsh Posté le 06-04-2004 à 20:14:14    

aspegic500mg a écrit :


 
Nan c'est pas la base le problème, [...]


 [:southpark1]  
 

Citation :


[...] il n'y aurait pas un pb de conception à la base ?  [:troa]


 
pas de la base .... [:aloy]


Message édité par simogeo le 06-04-2004 à 20:14:38

---------------
from here and there -- \o__________________________________ -- la révolution de la terre, en silence
Reply

Marsh Posté le 06-04-2004 à 20:14:14   

Reply

Marsh Posté le 19-04-2004 à 17:32:24    

Code :
  1. sel = document.myform.listeDeSelection.options[document.myform.listeDeSelection.selectedIndex].text;
  2. document.getElementById('blabla').firstChild.nodeValue = sel;


 
avec une petite div:

Code :
  1. <span id="blabla">&nbsp;</span>


 
Et ca permet de recup la valeur (si ca peut servir à quelqu'un d'autre...)

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed