valeur d'un input sur onchange

Bonjour

J'ai une liste déroulante alimenté en SQL.
Je souhaite, si l'on sélectionne Autre, afficher un input contenant le texte "précisez" (idéalement j'aurai souhaité que ça m'affiche "Précisez : [mon input]"

Voici une partie de mon code

Code:

---

1 2	<select name='batiment' onchange="document.getElementById('autre_batiment').style.display = (this.options[this.selectedIndex].value=='autre'? 'block':'none');">

---

Code:

---

1 2	<tr><td>Précisez</td><td><input type="text" value="Précisez" id="autre_batiment" style="display:none;" value="toto"></td></tr>

---

Dans ce code, je sais que mon texte "Précisez" sera toujours affiché, mais j'aimerai beaucoup le masquer si 'autre' n'est pas sélectionné dans la liste.

Merci beaucoup pour votre aide

Ps : L'input, lui, fonctionne bien (.
Ps2 : Je débute en Js donc n'hésitez pas a me donner des astuces si ce que j'ai déjà fait n'est pas bon ...


Merci

Il me semble que tu peux mettre ton display au niveau de ton tr.

Bonjour Barsy

Merci beaucoup pour ton aide, c'est très sympas de ta part. :king:

J'ai essayé de mettre le display dans le <tr> et effectivement cela fonctionne bien. Lorsque je sélectionne ma catégorie Autre, j'ai bien le texte et l'input qui s'affiche. Merci beaucoup.

Par contre, cela m'apporte deux autres problème :)

- Lorsque je selectionne 'autre', mon input s'affiche, ensuite je re-sélectionne un autre choix, mon input disparait, mais la 'ligne' reste créé, ce qui fait que si je m'amuse a sélectionner plusieurs fois 'autre' puis un autre choix, je crée une multitude de saut de ligne :?

- Deuxième point, le texte 'Précisez' est légèrement décalé vers la droite, comme s'il y avait un espace devant, mais je ne vois rien de tel dans mon code :cry:

Je met le code :

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

<tr><label><td>Bâtiment : </td><td><select name='batiment' onchange="document.getElementById('autre_batiment').style.display = (this.options[this.selectedIndex].value=='autre'? 'block':'none');"> <option value=""></option> <?php                                                                                                                 $batiment = mysql_query ("SELECT batiment FROM prise ORDER BY batiment");                                                                                                                 while ($donnees = mysql_fetch_array($batiment) )                                                                                                                 {                                                                                                                         if ($donnees['batiment'] != $test)                                                                                                                         {                                                                                                                                 echo $donnees['batiment'];                                                                                                                                 ?>   <option value="<?php echo $donnees['batiment']; ?>"><?php echo $donnees['batiment']; ?></option> <?php                                                                                                                                 $test= $donnees['batiment'];                                                                                                                         }                                                                                                                 }                                                                                                                 ?> <option value ="autre">autre</option> </select> </td></tr> <tr id="autre_batiment" style="display:none;" ><td>Précisez :</td><td><input size="3" type='text' name='batiment' /></td></tr> <tr><label><td>Etage : </td><td><input size="3" type='text' name='etage' /></td></label></tr> <tr><label><td>Bureau : </td><td><input size="6" type='text' name='bureau' /></td></label></tr>

---

et une petite capture d'écran pour bien comprendre le problème

Pièce jointe 29789


Merci beaucoup pour toute votre aide

Bonne fin de journée

Il suffit de remplacer 'block' par ''

:yaisse2:
Merci énormément Barsy.

Ta solution fonctionne à merveille.

Mon texte est parfaitement aligné, les sauts de lignes ont disparus... Que du bonheur.

Merci encore pour toute ton aide en esperant, peut-être, un jour te rendre la pareil.

Bonne fin de journée à toi Barsy et merci encore :king::king::king:

De rien ;) ça fait toujours plaisir de rendre service !! :mrgreen:

Bonjour,

Je rencontre a nouveau le même problème mais avec une checkbox...

J'ai une checkbox appelé 'Autre', et je souhaiterai, lorsque je coche, que cela me fasse apparaitre un input 'précisez'

Merci encore pour votre aide ;)

Mind

Je pense qu'un truc du genre devrait marcher :

Code:

---

1 2 3 4 5

<tr><td><input type="checkbox" onclick="document.getElementById('precisez').style.display=(document.getElementById('precisez').style.display=='none'? '':'none');"/></td></tr>     <tr id="precisez" style="display:none"><td>Précisez : </td><td><input type='text'/></td></tr>

---

par contre, je ne sais pas si il existe un attribue "checked" pour savoir si un checkbox est selectionné ou pas.

Bonjour Barsy,

J'aime beaucoup quand tu dis "un truc du genre derait marcher" !!!!

Le truc du genre fonctionne à la perfection alors que mon bidule foirait de tous les cotés !!!

Je ne sais comment te remercier pour toute ton aide...:chin:

Merci beaucoup à toi et promis, dès que j'ai plus de temps (je développe une appli avec un temp imparti), je vais me bouffer du javascript pour comprendre un peu mieux comment cela fonctionne...

Ceci dit, avec tes explications très précises et ton codage clair, je comprends ce que le langage execute. Reste à savoir le mettre en oeuvre !!! :)

Bonne fin de journée Barsy

Merci :merci:

De rien !! ;)

Bonne continuation à toi !!