Input type = select

Fermé

chris05 Messages postés 349 Date d'inscription jeudi 13 mars 2008 Statut Membre Dernière intervention 24 septembre 2024 - 13 nov. 2009 à 10:02
avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 - 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 :)

A voir également:

Input type = select
Input signal out of range - Forum Ecran
Clear type - Guide
No video input enter sleep mode ✓ - Forum Matériel & Système
Input not supported - Forum Ecran
Input signal not found ✓ - Forum Matériel & Système

4 réponses

Réponse 1 / 4

djkerry1987 Messages postés 56 Date d'inscription vendredi 6 juin 2008 Statut Membre Dernière intervention 13 novembre 2009 5
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

Réponse 2 / 4

Tsunami Chups Messages postés 224 Date d'inscription dimanche 25 janvier 2009 Statut Membre Dernière intervention 21 juillet 2010 12
13 nov. 2009 à 10:19

oui s'est un bon choix et pour ce faire tu peu utiliser du javascript

Réponse 3 / 4

chris05 Messages postés 349 Date d'inscription jeudi 13 mars 2008 Statut Membre Dernière intervention 24 septembre 2024 28
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);
});

Réponse 4 / 4

avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 504
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>

Discussions similaires

input signal out of range

Aide Please select boot device

"Reboot and Select proper Boot Device"

Erreur d'exécution 13 Incompatibilité de type

Faiblesse des pokémon spectre