fonction js sur un OnChange select

Version imprimable

Bonjour

Voici un petit script qui fonctionne en première partie :

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
<script language="JavaScript">
function affiche_input()
{
	if( document.getElementById('championnat').value == "new" )
	{
		document.getElementById('input_champ').style.display = 'block';
	}
	else
	{
		document.getElementById('input_champ').style.display = 'none';
		document.getElementById('input_team').style.display = 'none';
	}
 
	if( document.getElementById('type_championnat').value == "new" )
	{
		document.getElementById('input_team').style.display = 'block';
	}
	else
	{
		document.getElementById('input_team').style.display = 'none';
	}
 
}
 
</script>

Et voici le formulaire :

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
<form name="form1" method="post" action="">
  <fieldset>
  <legend>Ajouter une &eacute;preuve</legend>
  Championnat : 
  <select name="championnat" id="championnat" onChange="javascript:affiche_input();">
    <option value="0"></option>
    <option value="new">Nouveau</option>
  </select>
  <div id="input_champ" style="display: none;"> Nom : 
    <input type="text" name="nom_new_champ">
    Type : 
    <select name="type_championnat" id="type_championnat" onChange="javascript:affiche_input();">
      <option value="0"></option>
      <option value="private">Privé</option>
      <option value="public">Publique</option>
    </select>
    <div id="input_team" style="display: none;"> 
      <input type="checkbox" name="checkbox" value="GT5net">
      GT5net 
      <input type="checkbox" name="checkbox" value="GT-Club">
      GT-Club 
      <input type="checkbox" name="checkbox" value="GT-Play">
      GT-Play </div>
  </div>
  </fieldset>
</form>

Sur le onChange sur championnat ça fonctionne mais sur type_championnat ça fonctionne pas :(

ça donne : http://www.team-gt5net.com/~championnat/test2.htm
pas d'erreur dans la console mozilla

Merci pour votre aide

Bonsoir,

Citation:

Envoyé par dark_vidor

Sur le onChange sur championnat ça fonctionne mais sur type_championnat ça fonctionne pas :(

:koi: je ne vois pas d'option new sur type_championnat ?

Sa devrait marche en ajoutant une option avec la valeur new

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
42
43
44
45
46
47
48
49
50
51
52
53
54
 
<script language="JavaScript">
function affiche_input()
{
	if( document.getElementById('championnat').value == "new" )
	{
		document.getElementById('input_champ').style.display = 'block';
	}
	else
	{
		document.getElementById('input_champ').style.display = 'none';
		document.getElementById('input_team').style.display = 'none';
	}
 
	if( document.getElementById('type_championnat').value == "new" )
	{
		document.getElementById('input_team').style.display = 'block';
	}
	else
	{
		document.getElementById('input_team').style.display = 'none';
	}
 
}
 
</script>
 
 <form name="form1" method="post" action="">
  <fieldset>
  <legend>Ajouter une &eacute;preuve</legend>
  Championnat : 
  <select name="championnat" id="championnat" onChange="javascript:affiche_input();">
    <option value="0"></option>
    <option value="new">Nouveau</option>
  </select>
  <div id="input_champ" style="display: none;"> Nom : 
    <input type="text" name="nom_new_champ">
    Type : 
    <select name="type_championnat" id="type_championnat" onChange="javascript:affiche_input();">
      <option value="0"></option>
      <option value="private">Privé</option>
      <option value="public">Publique</option>
	  <option value="new">Nouveau</option>
    </select>
    <div id="input_team" style="display: none;"> 
      <input type="checkbox" name="checkbox" value="GT5net">
      GT5net 
      <input type="checkbox" name="checkbox" value="GT-Club">
      GT-Club 
      <input type="checkbox" name="checkbox" value="GT-Play">
      GT-Play </div>
  </div>
  </fieldset>
</form>

01/02/2009, 23h54
dark_vidor

ha effectivement la je m'incline :mouarf:

j'vais me coucher pour la peine :oops:

j'ai mis l'option sur private enfin bref ça on s'en tape ... rha les copier coller ça n'a pas que du bon ^^ la c'était un bon copier merder plutot:salut: