Rechercher : dans
Par :

Input type = select

Dernière réponse le 13 nov 2009 à 18:40:52 chris05, le 13 nov 2009 à 10:02:11 
 Signaler ce message aux modérateurs

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 :)

Configuration: Windows Vista
Firefox 3.5.5

Meilleures réponses pour « Input type = select » dans :
[PHP] Upload de fichiers VoirLe langage PHP permet de gérer des fichiers envoyés (uploadés) grâce à un formulaire HTML. Formulaire d'envoi de fichiers Configuration de PHP pour permettre l'upload Récupération du fichier avec PHP Formulaire d'envoi de fichiers La...
Les formulaires HTML VoirIntérêt d'un formulaire Les formulaires interactifs permettent aux auteurs de pages Web de doter leur page web d'éléments interactifs permettant par exemple un dialogue avec les internaute, à la manière des coupons-réponse présents dans certains...

1

djkerry1987, le 13 nov 2009 à 10:14:07

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épondre à djkerry1987

2

Tsunami Chups, le 13 nov 2009 à 10:19:57

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

On ne devrais jamais dire impossible avant d'avoir essayé.
L'étroitesse d'esprit est le pire des défaut 
Tan qu'a mourir autant que ce soit en faisant ce qui me plai­t 

Répondre à Tsunami Chups

3

chris05, le 13 nov 2009 à 10:42:09

Merci pour ces réponses :)

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

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

Répondre à chris05

4

 avion-f16, le 13 nov 2009 à 18:40:52

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>
Ton ordinateur ne fait pas ce que tu veux ... mais ce que tu lui dis de faire.

Répondre à avion-f16