[Javascript] valeur d'un select sous IE

valeur d'un select sous IE [Javascript] - HTML/CSS - Programmation

Marsh Posté le 12-03-2006 à 01:49:25    

Salut,
 
J'ai un petit soucis, j'essaie de récupérer la valeur d'un select mais avec IE ca ne passe pas
 

Code :
  1. <select onChange="javascript:alert(this.value);">
  2.   <option>Bleu</option>
  3.   <option>Rouge</option>
  4.   <option>Vert<option>
  5. </select>


 
Sous firefox pas de soucis, est-ce que c'est la bonne méthode pour IE ?

Reply

Marsh Posté le 12-03-2006 à 01:49:25   

Reply

Marsh Posté le 12-03-2006 à 08:53:38    

c'est bon j'ai trouvé c'est mon html qui était dégueux

Code :
  1. <select size="1" id="select_couleur" onChange="javascript:alert(this.value);"">
  2.   <option value="Bleu">Bleu
  3.       <option value="Rouge">Rouge
  4.   <option value="Bordeaux">Bordeaux
  5. </select>

Reply

Marsh Posté le 12-03-2006 à 13:20:07    

Sans vouloir te vexer il est toujours pas terrible ton html
rajoute les </option> et verifie tes guillemets et ca donnera ca :
 
 

couak a écrit :

c'est bon j'ai trouvé c'est mon html qui était dégueux

Code :
  1. <select size="1" id="select_couleur" onChange="javascript:alert(this.value);">
  2.   <option value="Bleu">Bleu</option>
  3.       <option value="Rouge">Rouge</option>
  4.   <option value="Bordeaux">Bordeaux</option>
  5. </select>



 
 
;)

Reply

Marsh Posté le 12-03-2006 à 14:46:23    

Torus35 a écrit :

Sans vouloir te vexer il est toujours pas terrible ton html
rajoute les </option> et verifie tes guillemets et ca donnera ca :
 
 
 
 
 
;)


va dire au W3C qu'ils font du html dégueux toi :)
http://www.w3.org/MarkUp/html3/menus.html

Reply

Marsh Posté le 12-03-2006 à 14:50:49    

le HTML3 c'est pas forcément une référence...

Reply

Marsh Posté le 03-07-2009 à 15:05:36    

Bon, je sais que le sujet date mais je tombe dessus et je ne peux m'empêcher de faire une remarque pour éclaircir de futurs visiteurs de ce topic :
Le but recherché était de récupérer le texte affiché dans entre <option> et </option>, il aurait donc fallu utiliser this.text plutôt que this.value.
Dans l'exemple fourni, la valeur (value) est inutile et peut donc être dupliquée pour devenir égale au texte. Mais ce n'est pas toujours le cas.
 
Le code aurait donc plutôt dû ressembler à ceci :
 

Code :
  1. <select size="1" id="select_couleur" onChange="alert(this.text);">
  2.     <option>Bleu</option>
  3.     <option>Rouge</option>
  4.     <option>Bordeaux</option>
  5. </select>


 
Cependant, sous Firefox (au moins dans sa version 3.x), this.value semble prendre la valeur de this.text lorsqu'aucune valeur n'est fournie. Le problème ne se pose donc que sous IE. Mais autant écrire un code propre et qui fonctionne sur tous les navigateurs sans avoir à ruser :)


Message édité par cryborg le 03-07-2009 à 15:07:32
Reply

Marsh Posté le 03-07-2009 à 19:57:36    

autant aussi tout simplement utiliser le value car si la langue change en anglais par exemple, tout le code est bon à jeter


---------------
Blablaté par Harko
Reply

Sujets relatifs:

Leave a Replay

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