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
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
Réponse
+0
moins plus
oui s'est un bon choix et pour ce faire tu peu utiliser du javascript

Ajouter un commentaire
Réponse
+0
moins plus
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
Réponse
+0
moins plus
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
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