begin process at 2012 05 29 23:59:19
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

selection ville par département

Derniers messages déposésPoser une question dans le forum ou lancer une discussion

selection ville par département

jeudi 4 août 2011 à 14:08:22 | selection ville par département

rider73
Bonjour,

je suis à la recherche d'un tutorial pour pouvoir mettre en place plusieurs listes déroulantes (département, ville) où quand on sélectionne le département, ça affiche toutes les villes correspondantes dans la liste déroulante des villes...

j'ai beau cherché sur google mais ça me met que des script déjà tout fait ou blindé d'erreurs que les gens veulent faire corriger...

ce que je veux c'est un tuto pour comprendre ce que je fais...

en vous remerciant.
jeudi 4 août 2011 à 21:22:06 | Re : selection ville par département

kazma

Administrateur CodeS-SourceS
voici un exemple simple

Code HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script>

var tbnormandie=new Array('rouen','havre','caen');
var tbildefrance=new Array('cergy','pontoise','orly','versaille');
var tbpaca=new Array('marseille','saint-trop','miau');


function choix(lui){

var valeur=lui.value;

document.getElementById('vivile').innerHTML=''

if (valeur == "normandie"){
var tableau=tbnormandie
}

else if (valeur == "ile de france"){
var tableau=tbildefrance
}

else if (valeur == "paca"){
var tableau=tbpaca
}

for ( var i = 0 ; i < tableau.length ; i++) {

var elem=document.createElement('option')
elem.setAttribute('value',tableau[i])

var text = document.createTextNode(tableau[i])
elem.appendChild(text)

document.getElementById('vivile').appendChild(elem)
}

}
</script>

</head>

<body>

region

<select id="region" name="region" onChange='choix(this)'>
	<option value="normandie">normandie</option>;
	<option value="ile de france">ile de france</option>;
	<option value="paca">paca</option>;
	   
</select>
<br>
<br>

ville
<select name="viville" id='vivile'>
   
</select>

</body>
</html>


dans la fonction on peut remplacer les if par switch ce qui donne

Code Javascript :
function choix(lui){

var valeur=lui.value;

document.getElementById('vivile').innerHTML=''

switch (valeur){

case "normandie":
var tableau=tbnormandie
break;

case "ile de france":
var tableau=tbildefrance
break;

case "paca":
var tableau=tbpaca
break;

}

for ( var i = 0 ; i < tableau.length ; i++) {

var elem=document.createElement('option')
elem.setAttribute('value',tableau[i])

var text = document.createTextNode(tableau[i])
elem.appendChild(text)

document.getElementById('vivile').appendChild(elem)
}

}




Cette discussion est classée dans : selection, ville, villes, département

Répondre à ce message

Sujets en rapport avec ce message

iframe, et selection de texte [ par emilia123 ] selection de tous les elements d'une liste [ par ManX ] Dans un formulaire, j'ai fait une carte de France sur laquelle on peut cliquer sur chaque departement.Le fait de cliquer ajoute le departement dans un mozilla et les sélections :( [ par randiox ] voila j'ai fait un petit code qui tourne sous IE :function smiley(code) { var chaine = document.selection.createRange().text; document.formulaire.te menu deroulant pour ville [ par druhill33 ] Bonjour,quelqu' un pourrez me donner une source pour : je veux faire un menu deroulant avec des pays (FRANCE, BELGIQUE etc...)si je selectionne FRANC boutons radio [ par eax ] salut!!g encore un petit problème : c'est dans la vérification d'un formulaire, je veux tester si le mec a sélectionné sa ville dans une liste de bout Dernier selection dans select multiple [ par guiguimac ] bonjour,j'aimerai savoir comment récupérer le dernier élément sélectionné dans un select multiple ...merci d'avance ! Récupérer les valeurs d'une selection multiple [ par d0d0 ] Bonjour,J'utilise un avec possibilité de selection multiple.Je souhaiterai récupérer les valeurs ainsi que le nombres d'éléments selectionnés.Je sais Stage informatique [ par Dilhenwe ] Bonjour tout le monde !Je voulais vous demander si vous connaissez des organismes qui organisent des stages de programmation informatique.Pour vous pr selection dans une combo [ par kkt8 ] Bonjour !j'utilise une combo ou je veu detecter les evenement pour connaitre la selection.la méthode onchange me le permet mais seulement si cette sel Style différent dans une liste déroulante [ par salley ] Bonjour tous le monde,J'aimerais savoir comment appliquer un style different pour chaque selection de ma liste deroulante.J'ai essayer bien sur d'ajo


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,593 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)