Partager vos
astuces Bricolage
Posez votre question Signaler

Input type = select

chris05 180Messages postés 13 mars 2008Date d'inscription 26 janvier 2012Dernière intervention - Dernière réponse le 13 nov. 2009 à 18:40
Bonjour,
Je voudrais mettre sur mon site une liste déroulante.
J'ai donc essayé ceci :
<select name='fichier'>
<option value='fichier1'>Fichier N°1</option>
<option value='fichier2'>Fichier N°2</option>
<option value='fichier3'>Fichier N°3</option>
<option value='fichier4'>Fichier N°4</option>
</select>
Comme vous le constatez, il s'agit de fichiers, au format PDF pour être plus précis.
Ce que je voudrais, c'est qu'en cliquant directement dans la liste sur un des fichier, celui-ci s'ouvre.
Ma question est donc : Comment faire ? L'input type select est-il un bon choix ?
Merci d'avance pour votre aide précieuse...
N.B : Si possible, il me faudrait une solution n'utilisant pas php :/ Javascript possible :)
Lire la suite 

Input type = select »

4 réponses
Réponse
+0
moins plus
djkerry1987 56Messages postés 6 juin 2008Date d'inscription 13 nov. 2009 à 10:14
il faut que tu fasse un onchange sur ton select.
Si tu connais jquery ou mootools c'est tout simple.ensuite tu crée en javascript l'adresse jusqu'à ton pdf

$('fichier').onchange(function(){
alert(this.value);
});

dans cet exemple(en jquery) this.value est la valeur de l'option cliquée

 Ajouter un commentaire - Site web
Ajouter un commentaire
Réponse
+0
moins plus
Tsunami Chups 229Messages postés 25 janvier 2009Date d'inscription 21 juillet 2010Dernière intervention 13 nov. 2009 à 10:19
oui s'est un bon choix et pour ce faire tu peu utiliser du javascript


Ajouter un commentaire - Site web
Ajouter un commentaire
Réponse
+0
moins plus
chris05 180Messages postés 13 mars 2008Date d'inscription 26 janvier 2012Dernière intervention 13 nov. 2009 à 10:42
Merci pour ces réponses :)

Mais j'ai pas très bien compris le principe du code :

$('fichier').onchange(function(){
alert(this.value);
});

 Ajouter un commentaire
Ajouter un commentaire
Réponse
+0
moins plus
avion-f16 16595Messages postés 17 février 2008Date d'inscription 31 janvier 2012Dernière intervention 13 nov. 2009 à 18:40
Inutile d'utiliser un framework ou une librairie en JS rien que pour ça ... 
<script type="text/javascript">
window.onload = function() {
	var liste = document.forms[0].elements[0];
	
	liste.onchange = function() {
		window.location.href = this.value;
	}
};
</script>

 Ajouter un commentaire - Site web
Ajouter un commentaire
Posez votre question
Ce document intitulé « Input type = select » 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
5 extensions si vous voulez revenir à l'ancien Facebook