Input type = select

chris05 Messages postés 374 Statut Membre -  
avion-f16 Messages postés 20368 Date d'inscription   Statut Contributeur Dernière intervention   -
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 :)

4 réponses

djkerry1987 Messages postés 57 Statut Membre 5
 
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
1
Tsunami Chups Messages postés 237 Statut Membre 12
 
oui s'est un bon choix et pour ce faire tu peu utiliser du javascript

0
chris05 Messages postés 374 Statut Membre 28
 
Merci pour ces réponses :)

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

$('fichier').onchange(function(){
alert(this.value);
});
0
avion-f16 Messages postés 20368 Date d'inscription   Statut Contributeur Dernière intervention   4 509
 
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>
0