Champ de saisie visible/invisible

Version imprimable

Bonjour, j'ai un problème avec un champ que je veux rendre visible/invisible selon un option value. Le problème auquel je me heurte, c'est... rien ne se passe :cry:

Code php :

Code:

1
2
3
4
5
6
7
8
9
<select name="valuation" onchange='Mono_Multi()'> 
<option value="0">Mono</option>
<option value="1">Multi</option></select>
 
 
<div id="VPU_valeur" style="visibility:hidden; display:none;">
 <p><label class="auto">VPU_valeur : <span class="zone_champ_sasie">* </span></label><input type="text" name="VPU_valeur" id="VPU_valeur" value="" size="30"/>
</p>
</div>

Code Js :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
function Mono_Multi()
{
   if(document.getElementById('valuation').value==1)
   {
      document.getElementById('VPU_valeur').style.visibility='visible';
      document.getElementById('VPU_valeur').style.display='block';
 
 
   }
   else if (document.getElementById('valuation').value==0)
   {      document.getElementById('VPU_valeur').style.visibility='hidden';
      document.getElementById('VPU_valeur').style.display='none';
   }

Tu ouvres une balise <script> ligne 4 du HTML et elle ne semble pas fermée...
Code:

1 2 <div id="VPU_valeur" style="visibility:hidden; display:none;"> <p><label class="auto">VPU_valeur : <span class="zone_champ_sasie">* </span></label><input type="text" name="VPU_valeur" id="VPU_valeur" value="" size="30"/>
Tu as deux fois le même id, c'est mal ! :aie:

Bonjour,
il manque la dernière accolade : function ... (){ ... }

On peut aussi écrire :

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
<select name="valuation" onchange="Mono_Multi(this.value);"> 
<option value="0">Mono</option>
<option value="1">Multi</option>
</select>
<script>
function Mono_Multi(val)
{
	if(val==1)
	{
		document.getElementById('divVPU_valeur').style.visibility='visible';
		document.getElementById('divVPU_valeur').style.display='block';
	} else  {
		document.getElementById('divVPU_valeur').style.visibility='hidden';
		document.getElementById('divVPU_valeur').style.display='none';
	}
}
</script>
 
<div id="divVPU_valeur" style="visibility:hidden; display:none;">
	<p>
		<label class="auto">VPU_valeur : <span class="zone_champ_sasie">* </span></label>
		<input type="text" name="VPU_valeur" id="VPU_valeur" value="" size="30"/>
	</p>
</div>

03/06/2013, 14h32
Kazumi

Pour les balises <script> c'est un oublie de ma part pour séparer le code.

J'ai viré l'id à mon input, pourtant rien n'y fait :cry:
03/06/2013, 14h34
Invité

cf mon message précédent.

Il est facile de vérifier si un script/une fonction JavaScript fonctionne, en ajoutant un alert('ok'); dedans.
03/06/2013, 14h36
Kazumi

Super Jreaux ! Cela fonctionne à merveille, tu es The Best :ccool:
03/06/2013, 14h37
Bovino

Citation:

Envoyé par Kazumi

Pour les balises <script> c'est un oublie de ma part pour séparer le code.

Je dois admettre que cette explication me plait bien ! :ccool:
Si tout le monde pouvait faire ce genre d'effort... :P