Javascript : récupérer des valeurs d'une liste déroulante

Il y a 310 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici

Voir les posts : Par défaut Tous Les bonnes notes Les notes insuffisantes

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Javascript : récupérer des valeurs d'une liste déroulante

napsbud

Plus d'informations

07-10-2005 à 14:51:41

Hello,

Autre question toujours à propos de ce même script. Pour récupérer la valeur de document.choix.langue.value, je suis obligé de regarder document.choix.langue.value.length. Sinon, je ne retrouve rien dans document.choix.langue.value.

Du coup, je fais des tests bidons : les champs sont forcément non vides vu que ce sont des listes déroulantes.

Ci-dessous le Javascript :

function selPage() {
if (document.choix.langue.value.length == 0) {
alert("Sélectionnez la langue, merci" );
}
else {
lan = document.choix.langue.value;
if (document.choix.rubrique.value.length == 0) {
alert("Sélectionnez une rubrique, merci" );
}
else {
rub = document.choix.rubrique.value;
}
}

destination = rub + "?langue=" + lan;
//document.writeln();
document.location.href = destination;
}

Et le formulaire :

<form name="choix" onSubmit="selPage()">
<select name="langue">
<OPTION VALUE="FR">FR</option>
<OPTION VALUE="EN">EN</option>
<OPTION VALUE="ES">ES</option>
</select>
<select name="rubrique">
<option value="actualites.php">Actualités (home)</option>
<option value="communiques.php">Communiqués de presse</option>
<option value="evenements.php">Evènements</option>
<option value="nouveautes.php">Nouveautés (home)</option>
<option value="references.php">Références</option>
</select>
<input type="submit" name="Submit" value="Valider"></td>
</form>

Merci

KangOl

Profil : Pointeur

Plus d'informations

07-10-2005 à 18:06:25

Masquer

alors la, je dit bravo !

ton truc ne sert strictement a rien...

1/ un option a toujours une valeur
2/ tu mets juste ton formulaire en get, vire l'element onsubmit et regarde le résultat...

---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u

napsbud

Plus d'informations

07-10-2005 à 22:11:42

Masquer

Oui merci :-) Je sais que ces tests sont bidons. Je le dis au début du mail.

Ma question, c'est justement, pourquoi est -ce que j'ai besoin de ces tests a priori inutiles pour pouvoir récupérer la valeur des options.

et accessoirement pourquoi la redirection ne fonctionne pas tel quel.

Après, je sais qu'on peut aussi envoyer le résultat d'un form en get ou en post, mais ce n'est pas mon propos.

Merci

napsbud

Plus d'informations

07-10-2005 à 22:23:51

Masquer

Je peux poser la question plus simplement. Quelqu'un peut-il me dire pourquoi le script ci-dessous ne marche pas ?

<html>
<head>
<script language="javascript">
function selPage() {
lan = document.choix.langue.value;
rub = document.choix.rubrique.value;
destination = rub + "?langue=" + lan;
document.location.href = destination;
}
</script>
</head>
<body>
<form name="choix" onSubmit="selPage()">
<select name="langue">
<OPTION VALUE="FR">FR</option>
<OPTION VALUE="EN">EN</option>
<OPTION VALUE="ES">ES</option>
</select>
<select name="rubrique">
<option value="actualites.php">Actualités (home)</option>
<option value="communiques.php">Communiqués de presse</option>
<option value="evenements.php">Evènements</option>
<option value="nouveautes.php">Nouveautés (home)</option>
<option value="references.php">Références</option>
</select>
<input type="submit" name="Submit" value="Valider"></td>
</form>
</Body>

KangOl

Profil : Pointeur

Plus d'informations

08-10-2005 à 11:13:28

Masquer

apprend a coder correctement... et sans js

Code :

<form action="page2.php" method="get">
<select name="langue">
<OPTION VALUE="FR">FR</option>
<OPTION VALUE="EN">EN</option>
<OPTION VALUE="ES">ES</option>
</select>
<select name="rubrique">
<option value="actualites.php">Actualités (home)</option>
<option value="communiques.php">Communiqués de presse</option>
<option value="evenements.php">Evènements</option>
<option value="nouveautes.php">Nouveautés (home)</option>
<option value="references.php">Références</option>
</select>
<input type="submit" name="Submit" value="Valider">
</form>

et dans page2.php tu mets

Code :

<pre><?php print_r($_GET); ?></pre>

regarde le résultat...

---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u

napsbud

Plus d'informations

08-10-2005 à 13:14:14

Masquer

Super. Ca va, je connais le PHP, je ne me suis pas trompé de forum. Je suis dans HTML/Javascript. Je pose une question concernant le Javascript.

Si tu ne sais ou si tu ne veux pas répondre, ne réponds pas.

KangOl

Profil : Pointeur

Plus d'informations

08-10-2005 à 15:07:29

Masquer

non ce que je ne comprend pas c'est le pourquoi de l'utilisation du js...
il n'y a aucune raison d'utiliser le js ici...

---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u

napsbud

Plus d'informations

08-10-2005 à 23:06:34

Masquer

J'essaye simplement le Javascript dans ce cas. Ca ne marche pas. Et je me disais qu'un spécialiste pourrait peut être m'éclairer sur le pourquoi du comment.
Je ne vois pas où se trouve l'erreur et je n'aime pas lacher l'affaire, surtout pour un truc apparemment très simple.

KangOl

Profil : Pointeur

Plus d'informations

09-10-2005 à 11:57:28

Masquer

utilise getElementbyId

---------------
Da Bidz Triad©®™: Bidz Interceptor
.:: Smileyz version 4.2 [050625]::. -- Code source disponible sous licence GPL.
[u

Aller à :

FORUM Tom's Hardware » Programmation » HTML / Javascript » Javascript : récupérer des valeurs d'une liste déroulante

Page générée en 0.363 secondes