formulaire et champ qui apparait après clique d'un champ d'un menu déroulant

**Madusa** · 13/08/2013, 17h35

Bonjour,

J'ai un soucis avec mon script (je pense que le problème vient de là)
Donc j'ai un formulaire qui contient un menu déroulant pour category .Si je clique sur "Other" je veux afficher un box pour que l'utilisateur écrive son choix
Donc je met ce textbox en hidden au debut et je l'affiche si on clique sur Ohter
:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
55
56
<div class="milieu"><form name="form1">
		<?php if (isset($_GET['id']))  {
 
	$id= $_GET['id'];} 
 
	if($id==1){?>
 
 
Category:
 
 
	<select name="cat" style="background-color:rgb(240,119,119);border:none;border-radius:10px">
	<?php $sql="SELECT DISTINCT procedure_Evt FROM threat";
		 $res=mysql_query( $sql);
 
	while($q=mysql_fetch_assoc($res)){ ?>
 
		<option value="volvo"><?php echo $q['procedure_Evt'] ?></option>  <?php } 
 
 
?>
 
	<option  value="0" >Other</option> 
 
	</select>
	</form>
	<div id="hidden">
 
<label>Champ 1 <input type="text" /></label>
 
</div>
 
	<script type="text/javascript">
 
 
 
var oui = document.form1.cat[0];
 
oui.onclick = function() {
 
document.getElementById("hidden").style.display = "block";
 
};
 
 
 
</script>
 
 
 
 
 
 
	<?php } ?>
 
	</div>

Mais mon textbox ne s'affiche jamais

Invité · 13/08/2013, 18h24

Hello,

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
	<label for="id_cat">Category :</label>
	<select id="id_cat" name="cat" onchange="OpenCloseOther();" style="background-color:rgb(240,119,119);border:none;border-radius:10px">
<?php 
        $sql="SELECT DISTINCT procedure_Evt FROM threat";
        $res=mysql_query( $sql);
        while($q=mysql_fetch_assoc($res)){ 
?>
		<option value="<?php echo $q['procedure_Evt']; ?>"><?php echo $q['procedure_Evt']; ?></option>
<?php } ?>
		<option value="0">Other</option> 
	</select>
	</form>
 
	<div id="hidden_box" style="display:none;">
		<label for="id_hidden_text">Champ 1 :</label>
		<input id="id_hidden_text" name="hidden_text" type="text" />
	</div>

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<script type="text/javascript">
	function OpenCloseOther(){
		var choix_cat = document.getElementById('id_cat').value;
		if(choix_cat==0){
			document.getElementById("hidden_box").style.display = "block";
		} else {
			document.getElementById("hidden_box").style.display = "none";
			document.getElementById("id_hidden_text").value = "";
		}
	}
</script>

N.B. A quoi sert $id ?

**Madusa** · 13/08/2013, 18h38

le ID à un rapport avec une autre page...ça n'a pas vraiment de rapport avec ce que je veux...

Merci , je viens de voir ton code, il marche à merveille
mais puis je me permettre de te poser une question; je ne comprend pas ou dans ton code on fait référence à :"si je reclique sur mon menu déroulant et selectionne autre chose que "ohter" , le textbox se cache"?

Invité · 13/08/2013, 18h55

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

	<select id="id_cat" name="cat" onchange="OpenCloseOther();" ...>

onchange => à chaque fois qu'on change de sélection, on lance la fonction.

Code js :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
		if(choix_cat==0){ // "Other" est sélectionné
			document.getElementById("hidden_box").style.display = "block"; // on affiche à box
		} else { // sinon
			document.getElementById("hidden_box").style.display = "none"; // on masque à box
			document.getElementById("id_hidden_text").value = ""; // on met la valeur à "" dans l'input de la box (cachée)
		}