Les Allergies
Alimentaires
Posez votre question Signaler

Lien Dynamique avec SELECT (onChange) [PHP]

Odissine - Dernière réponse le 27 juil. 2007 à 20:41
Bonjour à tous !
Je viens vers vous car j'ai besoin de votre aide ... en PHP avec du Javascript.
Voila je dispose d'une liste <select> dont la valeur est l'ID
<select name=id_groupe size="10" class="input_file_max" id=id_groupe>
<option value='1'>TEST</option>
<option value='2'>TEST 2</option>
</select>
et en dessous un lien
<a href="?rub=contact&page=ajout&action=contact&id_groupe=@">Afficher les contacts du groupe selectionné </a>
Mon besoin est en fait de faire en sorte que le lien ci-dessous recupère l'ID de l'option choisie dans la liste afin de cliquez sur le lien ci-dessus et de recupere l'ID dans la page appelée par le lien..
J'ai du mal a m'expliquer mais si qq'un a compris et peut m'aider ;)
Merci d'avance !
Lire la suite 

Lien Dynamique avec SELECT (onChange) [PHP] »

1 réponses
Réponse
+3
moins plus
Bonjour Odissine,

Non non c'est très clair. :)

Tu as deux solutions :

1. (la plus propre) : Tu mets ton select dans un formulaire et tu ajoutes les autres paramètres dans des champs cachés :

<form name="selectgroupe" action="" method="get">

<select name="id_groupe" size="10" class="input_file_max" id="id_groupe">
<option value='1'>TEST</option>
<option value='2'>TEST 2</option>
</select> 

<input type="hidden" name="rub" value="contact" />
<input type="hidden" name="page" value="ajout" />
<input type="hidden" name="action" value="contact" />

<input type="submit" />

</form>

(je n'ai pas vérifié si ça fonctionne mais je l'ai déjà fait une fois avec succès, bref au moins tu as l'idée).


2. (JavaScript sera indispensable) : Tu ajoutes un événement onchange() dans ton select et selon la valeur choisie tu remplaces l'atribut href de ta balise de lien.

Pour ce faire il faudra rajouter l'événement onchange() sur la liste pour récupérer sa valeur et remplacer l'attribut href par le bon :
<html>
<head>
<script type="text/javascript">
function majlien() {
	var lien = "?rub=contact&page=ajout&action=contact&id_groupe=";
	var groupe = document.getElementById("id_groupe").value;
	document.getElementById("lien").setAttribute("href", lien + groupe);
}
</script>
</head>
<body>
<select name="id_groupe" size="10" class="input_file_max" id="id_groupe" onchange="majlien();">
<option value='1'>TEST</option>
<option value='2'>TEST 2</option>
</select>

<a id="lien" href="?rub=contact&page=ajout&action=contact&id_groupe=@">Afficher les contacts du groupe selectionné </a> 
</body>
</html>

(ça, ça fonctionne, je viens de tester pour ne pas dire de bêtises).

Un conseil : mets toujours des guillemets dans la valeur de tes attributs ;-)
Ajouter un commentaire
Ce document intitulé « Lien Dynamique avec SELECT (onChange) [PHP] » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?