modification d'un select en fonction d'un autre

Bonjour à tous, je voudrais savoir comment faire pour modifier les choix de selections d'un <select> dans un formulaire en fonction d'un autre.

Je m'explique, je suis entrain de créer un petit site de tournois pour m'améliorer, et j'aimerais que, quand l'utilisateur saisisse un tournoi dans le premier <select>,
qu'un second soit modifié en fonction des spécifications de celui-ci

par exemple, la selection du tournoi "Tournoi pour débutants" ne m'afficherais que débutant dans le <select name = "niveau"> et non les choix débutant - confirmé - pro

Merci

Salut à toi,

Pour réaliser cela il va falloir faire un tour du côté du JavaScript.

J'ai fais ça vite fait ça devrait ressembler à ce que tu cherches :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<html>
<head>
<script language="javascript">
function verif_niveau(){
	if(document.getElementById("categ").selectedIndex == 0){ //Niveau pro
		document.getElementById("n_pro").selected=true;
		document.getElementById("n_conf").disabled=true;
		document.getElementById("n_deb").disabled=true;
	}else if(document.getElementById("categ").selectedIndex == 1){ //Niveau confirmé
		document.getElementById("n_conf").selected=true;
		document.getElementById("n_pro").disabled=true;
		document.getElementById("n_deb").disabled=true;
	}else if(document.getElementById("categ").selectedIndex == 2){ //Niveau débutant
		document.getElementById("n_deb").selected=true;
		document.getElementById("n_conf").disabled=true;
		document.getElementById("n_pro").disabled=true;
	}else{
		document.getElementById("niveau").selectedIndex= -1 //Champ vide
	}
}
</script>
</head>
 
<body>
<form>
Catégorie :
<select id="categ" onchange=verif_niveau()>
	<option id="t_pro">Tournoi pro</option>
	<option id="t_conf">Tournoi confirmé</option>
	<option id="t_deb">Tournoi débutant</option>
</select>
<p>Niveau: 
<select id="niveau">
	<option id="n_pro">Niveau pro</option>
	<option id="n_conf">Niveau confirmé</option>
	<option id="n_deb">Niveau débutant</option>
</select>
</p>
</form>
</body>
</html>

Pour plus d'aide je t'invites à jeter un oeil dans la rubrique JavaScript.

merci de votre réponse, je vais essayer cela.