[PHP-JS] onclick sur une liste déroulante

[toma03]

Bonjour,

Voici mon petit probleme :
J'ai une liste déroulante :

Code :

1
2
3
4
5
6
7
  <select name="select">
    <option value="1">Contrat</option>
    <option value="2">Employe</option>
    <option value="3">Materiel</option>
    <option value="4">Prestataire</option>
    <option value="6">Verifiaction</option>
  </select>

Je voudrai que quand on selectionne MATERIEL dans la liste , on soit redirigé vers une autre page.

Je sais qu'il faut utilisé l'évènement onclick , mais je n'ai pas réussis

Merci d'avance

[JmL40]

Bonjour,

bah avant tout, il faut que tu traite le choix effectué par l'utilisateur dans ton formulaire. Une fois le choix traité tu peut le redirigé vers ta page.

Une idée :

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
<form method = "post" action = "pageencours.php">
	<select name = "choix">
		<option value = "matos">Matériels</option>
		<option value = "2">2</option>	
		<option value = "3">3</option>	
		<option value = "4">4</option>	
		<option value = "5">5</option>							
	</select>
</form>
 
<?php
//TRAITEMENT DE TON FORMULAIRE
$choix = (isset($_POST["choix"]))?$_POST["choix"]:'';
 
if($choix == "matos")
{
	header('Location: matériel.php');
}
else if($choix == "2")
{
 
}
	//ainsi de suite
?>

c'est une proposition ... à toi de voir

[ThomasR]

Entièrement d'accord avec la solution proposée, néanmoins si jamais tu avais des traitements javascript/Ajax a faire, ce n'est pas le onClick qu'il faut utiliser sur un select mais plutot un onChange.

le onChange correspond à un changement de choix d'element dans le menu déroulant.

Cheers, Thomas.

[toma03]

Dans ce cas la , on n'a donc pas besoin d'evenement javascript ??

Comment le formulaire est il validé ???

[Raideman]

Avec un bouton input type="submit", si tu veux te passer d'un bouton submit, tu devras passer par du javascript (avec l'évènement onChange comme cité ci-dessus).

[toma03]

OK , voila c'est exactement ça : je veux me passer d'un bouton submit .

Comment integré le onchange : je n'y arrive pas .

merci d'avance pour une aide

[|PaRa-BoL]

<select onchange="func()">

[toma03]

j'ai cette fonction redir()

Code :

1
2
3
4
5
function redir($url){
	echo '<script language="JavaScript">
	setTimeout("window.location=\''.$url.'\'")
	</script>';
	}

ma liste déroulante :

Code :

1
2
3
4
5
6
7
8
9
 
<select name="choix"onChange="redir()">
 
  	<option value="1">Contrat</option>
    <option value="2">Employe</option>
    <option value="3">Materiel</option>
    <option value="4">Prestataire</option>
    <option value="6">Verifiaction</option>
  </select>

Comment inseré les url correspondante au choix de la liste .

[|PaRa-BoL]

onChange="redir(this.value)" qui aura pour effet de passer le value de l'option choisie en paramètre de ta fonction

[toma03]

Ceci ne fonctionne pas :

Code :

1
2
3
4
5
6
7
8
9
 
 <select name="choix" onChange"redir(this.value)" >
 
  	<option value="test.php">Contrat</option>
    <option value="2">Employe</option>
    <option value="3">Materiel</option>
    <option value="4">Prestataire</option>
    <option value="6">Verifiaction</option>
  </select>

[|PaRa-BoL]

Le "=" apres le onChange

[toma03]

Pardon pour cette erreur .

Mais après correction cela ne marche pas non plus

Merci de ton aide

[ThomasR]

le onChange et tous les attributs de ce type ne peuvent appeler que des fonctions JAVASCRIPT, attention le PHP est un langage côté serveur, cette disinction est très importante.

Code :

1
2
3
4
5
6
7
8
 
<script type="text/javascript">
   function redir(url)
          {
           window.location(url);
          }
</script>
onChange="redir('url.php')";

ou

Code :

onChange="window.location('url');"

Mais bon ce que je comprends pas c'est que après tu ne veux pas récupérer la valeur du menu déroulant ?

Si oui

Code :

1
2
3
onChange="window.location('url.php?valeur='+this.options[this.selectedIndex].value);"
dans url.php :
$valeur = $_GET['valeur'];

Enfin, personnellement je te conseillerai de garder le bouton, rien que pour l'experience utilisateur et l'ergonomie, un utilisateur ne devrait jamais être envoyé vers une page sans sa propre volonté.