Valeur d'un select

Version imprimable

14/11/2007, 13h00
Bouki

Valeur d'un select

Bonjour,
mon problème est que je n'arrive pas à récupérer la valeur d'un select
j'ai déjà consulté la faq à ce sujet

mon problème est très étrange, car le js est censé être interprété côté client et doit donc dépendre du navigateur utilisé
- en local sous mac : ne marche pas avec safari/firefox
- en local sous windows : marche avec firefox, pas avec ie6/ie7
- en serveur : marche partout sauf ie6/7

j'ai essayé comme méthodes d'accession aux variables, sans succès :
- document.getElementById('Adults').value
- document.getElementById('Adults').options[document.getElementById('Adults').selectedIndex].value
- document.Results.Adults.value
- document.Results.Adults.options[document.Results.Adults.selectedIndex].value
- document.forms["Results"].elements["Adults"].value
- document.forms["Results"].elements["Adults"].options[document.forms["Results"].elements["Adults"].selectedIndex].value

l'adresse du code est ici index.php?Page=Devis&Adults=1&Children=0&Babies=0&Back=false&Departure_flight=2&Arrival_flight=
il s'agit de la fonction ReloadIt() appelé après un onchange sur un des select

merci d'avance.
14/11/2007, 13h03
SpaceFrog

tu as aussi le code html du select . ?

tu parles bien de la value ? pas du texte de l'option ???
Tes options ont bien des value ?
toutes les options sont bien fermées?
ton select à bien un id et un name ?

parcque ça :

Code:

document.forms["Results"].elements["Adults"].options[document.forms["Results"].elements["Adults"].selectedIndex].value

ça marche partout ...
14/11/2007, 13h06
Bouki

dans le lien que j'ai fourni, il y a la page en question qui comprend le html et le javascript
on peut bien y voir que :
- mon form a le bon nom : <form action="index.php" method="get" name = "Results">
- mon select aussi : <select name = "Adults" id = "Adults" onchange = "ReloadIt();">
la page est valide xhtml 1.0 transitionnal selon le validateur w3c en ligne, donc toutes les balises sont ok
14/11/2007, 13h22
SpaceFrog

Le html à l'air en effet tout à fait correct ...

tu appelles la fonction reloadIt dans le onchange ...

elle fait quoi au juste cette fonction ?
14/11/2007, 16h16
Bouki

j'ai mis la version en ligne utilisant la syntaxe :
document.forms["Results"].elements["Adults"].options[document.forms["Results"].elements["Adults"].selectedIndex].value
qui ne marche pas du tout :s
la fonction est censé recharger la page avec des parametres get pris des select
14/11/2007, 17h37
SpaceFrog

recharger ???
tu concatènes une url ?

oui

Code:

1
2
 
document.location.href = "index.php?Page=Devis&Adults=" + document.forms["Results"].elements["Adults"].options[document.forms["Results"].elements["Adults"].selectedIndex].value + "&Children=" + document.forms["Results"].elements["Children"].options[document.forms["Results"].elements["Children"].selectedIndex].value + "&Babies=" + document.forms["Results"].elements["Babies"].options[document.forms["Results"].elements["Babies"].selectedIndex].value

note : document.forms["Results"].elements["Adults"] est trouvé null ou undefined

a mon avis ça vient de ton PC ...
je ne vois pas d'autre explication ...
rien que ça devrait déja fonctionner
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <body> <form name='cocuou' onsubmit="alert('nombre d\'adultes: ' +document.getElementById('Adults').value)" > <select id="Adults"> <option value='1'>1</option> <option value='2'>2</option> <option value='3'>3</option> <option value='4'>4</option> </select> <input type="submit" value="go" /> <form> </form> </body>
Plus sérieusement tu dois avoir un souci de code html quelquepart ...

14/11/2007, 20h32
Bouki

j'ai finalement trouvé la solution ^^"
j'avais déclaré des input type = "hidden" au préalable, avec le même nom que mes select
ce qui expliquait que la méthode document.forms['nom'].elements['nom'] plantait partout, et que celle de l'id me retournait le bon résultat sur les navigateurs qui en confondent pas name et id (genre ie...)
merci beaucoup quand même