« »

Il s'agit d'un des JavaScripts que faire chaÃ®nage dropdown listes, dans ce JavaScript exemple est Pays, Ã‰tat, Ville, SÃ©lectionnez un pays dans la premiÃ¨re liste dÃ©roulante pour choisir HTML Etats de la seconde liste dÃ©roulante, pour les villes au cours de la derniÃ¨re liste dÃ©roulante.

Vous pouvez personnaliser cette Le code JavaScript que vous en avez besoin, comme les automobiles: type/marque/modÃ¨le ou de livres: Ã©diteur/auteur/titre.

Étiquette: 3, chaÃ®nage, leve, dropdown, liste, chaÃ®nage dropdown, HTML dropdown, pays, Ã©tat, ville

Rapport de nous cette erreur JavaScript

Demo
Agrandir
Recharger
New window

Gratuit iPage hébergement Web pour la première année MOMENT

Si vous êtes toujours à la recherche d'un fournisseur d'hébergement Web fiable avec des tarifs abordables, pourquoi vous ne prenez pas un peu de temps pour essayer iPage, seulement avec $1.89/month, inclus $500+ Crédits supplémentaires gratuites pour le paiement de 24 mois ($45)?

Plus de 1.000.000 de clients + existisng peuvent pas avoir tort, vraiment vous n'êtes pas aussi! Plus important encore, lorsque vous enregistrez l'hébergement web à iPage grâce à notre lien, nous allons être heureux de renvoyer un plein remboursement. C'est génial! Vous devriez essayer iPage hébergement web GRATUITEMENT maintenant! Et contactez-nous pour tout ce que vous devez savoir sur iPage. Essayez iPage GRATUIT première année MOMENT

Code
JavaScript
HTML
Imprimer

Copy All x2

<script type="text/javascript">
<!--
/* This script and many more are available free online at
The JavaScript Source :: http://javascript.internet.com
Created by: Michael J. Damato :: http://developing.damato.net/ */

// State lists
var states = new Array();

states['Canada'] = new Array('Alberta','British Columbia','Ontario');
states['Mexico'] = new Array('Baja California','Chihuahua','Jalisco');
states['United States'] = new Array('California','Florida','New York');


// City lists
var cities = new Array();

cities['Canada'] = new Array();
cities['Canada']['Alberta']          = new Array('Edmonton','Calgary');
cities['Canada']['British Columbia'] = new Array('Victoria','Vancouver');
cities['Canada']['Ontario']          = new Array('Toronto','Hamilton');

cities['Mexico'] = new Array();
cities['Mexico']['Baja California'] = new Array('Tijauna','Mexicali');
cities['Mexico']['Chihuahua']       = new Array('Ciudad JuÃ¡rez','Chihuahua');
cities['Mexico']['Jalisco']         = new Array('Guadalajara','Chapala');

cities['United States'] = new Array();
cities['United States']['California'] = new Array('Los Angeles','San Francisco');
cities['United States']['Florida']    = new Array('Miami','Orlando');
cities['United States']['New York']   = new Array('Buffalo','new York');


function setStates() {
  cntrySel = document.getElementById('country');
  stateList = states[cntrySel.value];
  changeSelect('state', stateList, stateList);
  setCities();
}

function setCities() {
  cntrySel = document.getElementById('country');
  stateSel = document.getElementById('state');
  cityList = cities[cntrySel.value][stateSel.value];
  changeSelect('city', cityList, cityList);
}

function changeSelect(fieldID, newOptions, newValues) {
  selectField = document.getElementById(fieldID);
  selectField.options.length = 0;
  for (i=0; i<newOptions.length; i++) {
    selectField.options[selectField.length] = new Option(newOptions[i], newValues[i]);
  }
}

// Multiple onload function created by: Simon Willison
// http://simonwillison.net/2004/May/26/addLoadEvent/
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}

addLoadEvent(function() {
  setStates();
});
//-->
</script>

Copy All x2

<fieldset style="width: 230px;">
<legend><strong>Make your selection</strong></legend>
	<form name="test" method="post" action="processingpage.php">
	<table>
		<tbody>
			<tr>
				<td style="text-align: left;">Country:</td>
				<td style="text-align: left;">
					<select name="country" id="country" onchange="setStates();">
					  <option value="Canada">Canada</option>
					  <option value="Mexico">Mexico</option>
					  <option value="United States">United States</option>
					</select>
				</td>
			</tr>
			<tr>
				<td style="text-align: left;">State:</td>
				<td style="text-align: left;">
					<select name="state" id="state" onchange="setCities();">
						<option value="Alberta">Alberta</option>
						<option value="British Columbia">British Columbia</option>
						<option value="Ontario">Ontario</option>
					</select>
				</td>
			</tr>
			<tr>
				<td style="text-align: left;">City:</td>
				<td style="text-align: left;">
					<select name="city" id="city">
						<option value="Edmonton">Edmonton</option>
						<option value="Calgary">Calgary</option>
					</select>
				</td>
			</tr>
			</tbody>
		</table>
	</form>
</fieldset>

Commentaire (0)
Écrire

par Avant-première

Annuler réponse

Écrivez votre commentaire

Commentaires du client sera publié avant previwed
Donnez votre email réel pour obtenir des réponses notification ou commentaire sera supprimé

Votre nom *
Votre e-mail^g *
~~Votre site~~

Comment's Titre

J'assure à 100% je suis humain réel
Je le répète, je ne suis pas bot

Sent (1)
Nouveau

BBCode
HTML
URL
JID

Cool Domains for Sale!

Déposer jours:
Auteur:
Previews:
Commentaire:
Votes:
Sent:
Taille:
Rang:

14/04/2009
Michael J. Damato [more]
5,260
0
6
1
6.2 KBytes

3.8/5 6 votes / 5,260 previews / 0 commentaire 14/04/2009 Il s'agit d'un des JavaScripts que faire chaÃ®nage dropdown liste...JavaScript 3 niveaux Chaining liste dÃ©roulante - 3 niveaux Chaining liste dÃ©roulante - Langue: Française

truongkt2002[13] bigbabyit ctbm03 Cao Phong vn2359[2] dantruongxp

Soyons premier membre de le faire

truongkt2002