1. Accueil
  2. Tous les snippets
  3. Snippets Javascript
  4. Options d'une liste selon un text entré

Options d'une liste selon un text entré

Soyez le premier à donner votre avis sur cette source.

Snippet vu 10 726 fois - Téléchargée 29 fois

Commenter

Contenu du snippet

C'est assez simple, on utilise un text (<INPUT>) et une liste (<SELECT>), quand on modifie la valeur du texte, les options de la liste changent, j'ai eu l'idée de mettre cette source en répondant à une question du forum.
J'éspère que cela vous sera utile, par exemple pour un formulaire avec le code postal et la ville ;-)

PS: Quand vous faites un formulaire avec inscription, pensez que certains pays ont des codes postaux à 4 chiffres (EX: la Belgique:-)), car c'est énervant parfois. Merci

Source / Exemple : 


<HTML>
<HEAD>
<script language="javascript">
<!--
function Traiter(form,list,vall)
{
list.options.length=0;
if (vall == 29200)
{
var o=new Option("Brest","Brest");
form.ville.options[form.ville.options.length]=o;
}
if (vall == 29270)
{
var o=new Option("Plougastel","Plougastel");
form.ville.options[form.ville.options.length]=o;
var o=new Option("Loperhet","Loperhet");
form.ville.options[form.ville.options.length]=o;
}
}
//-->
</script>
</HEAD>
<BODY>
<FORM name=fiche>
<input type="TEXT" name="cp" value="" SIZE=30 onkeyup="Traiter(this.form,this.form.ville,this.value)">
<select name="ville" align="top" size=1>
<option value="Selectionnez">Sélectionnez...
</select>
</FORM>
</BODY>
</HTML>

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (DHKold)