Ben j'apprend tout comme toi (enfin je pense) mais est-ce que un truc du genre

if option = x

then ...

Bonsoir,
Ce que tu souhaites faire, c'est un composant qui est souvent utilisé (je crois qu'on appelle ça des listes liées ou un truc du genre).
En général, tu as simplement 2 listes, et le choix d'un item dans la première liste détermine les items qui seront présents dans la seconde.

Si tu veux le réaliser toi-même, ce n'est pas très compliqué. Je te mets sur la voie :

Première solution (pas terrible) :
Tu définis 2 tableaux en javascript. Le premier est la liste de tous les choix possibles de ta liste 1. Le second est un tableau associatif : à chaque valeur du tableau 1, tu associes un tableau correspondant aux choix que tu auras dans la liste 2.
Avantage : pas d'aller-retour serveur
Inconvénients : pas très modulaire, tableau définis "en dur" dans le code : pas très maintenable

Seconde solution (mieux selon moi) :
Tu définis ta liste 1 côté serveur (en php par exemple). Tu crées ta page dynamiquement grâce à cette liste 1. Quand tu sélectionnes une valeur de cette liste, tu appelles une fonction javascript. Cette fonction exécute une XmlHttpRequest qui va te chercher la liste des items qui vont être affichés dans la liste 2.
Avantages : maintenable car tu peux très bien définir tes listes dans des fichiers de configuration... les modifier à souhaite avec un code générique
Inconvénient : l'aller-retour au serveur (mais bon, c'est le prix à payer pour avoir une bonne application :D)

Cordialement rtfm and jfgi
Simple "merci" makes helping people happy :)

Rebonsoir,
Il faut remplacer les fonctions loadList1 et loadList2 par les suivantes :

/*On remplit la première liste avec les valeurs inscrites dans le tableau 1*/
function loadList1() {
	//on récupère l'élément
	var list1 = document.getElementById("list1");
	for (var i = 0; i < tab1.length; i++) {
		//on crée une nouvelle option
		var item = document.createElement('option');
		item.value = tab1[i];
		item.innerHTML = tab1[i];
		
		//si l'option est la première (Veuillez...), alors on la sélectionne par défaut
		if (i == 0) {
			item.selected = true;
		}
		
		//on ajoute l'option à la liste
		list1.appendChild(item);
	}
	
	//on affiche la liste2 qui correspond au premier élément de la liste1
	if (tab1.length > 0) {
		loadList2(tab1[0]);
	}
}

function loadList2(list1Value) {
	var list2 = document.getElementById("list2");

	var toDelete = list2.childNodes;
	var tab = tab2[list1Value];
		
	//Premièrement on supprime tous les items de la liste
	while (list2.hasChildNodes()) {
		list2.removeChild(toDelete[0]);
	}
		
	if (tab) {
		//Ensuite on définit les nouveaux items, ceux qui sont associé à l'élément affiché dans la liste1
		for (var i = 0; i < tab.length; i++) {
			var item = document.createElement('option');
			item.value = tab[i];
			item.innerHTML = tab[i];
			list2.appendChild(item);
		}
		list2.disabled = false;
	}
	else {
		//S'il n'y a aucune entrée pour la valeur dans la liste 1, alors on désactive la liste2
		list2.disabled = true;
	}
}

Pas le tuto mais le contenu du choix se fera comment?

Bonsoir,
Regarde le post 6, les listes sont chargées dynamiquement en javascript.

Cordialement, rtfm and jfgi
Simple "merci" makes helping people happy :)

Et en français ça donne quoi? le java c'est pas mon domaine

Svp aidez moi à comprendre je débute en js, ça fait 4 jours que je suis sur ma page et je n'arrive pas à faire apparaitre uun texte