Discussion :

[apicultrice]

Voil� j'ai un formulaire qui fonctionne bien mais je voudrais adjoindre une sous option ou un test sur une option et en fonction du choix une sous option s'affiche

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
18
19
20
21
<p>Opérations :<select name="Operation">                                 
                                    <option value="Visite Printemps">Visite de printemps</option>
                                    <option value="Remplacement cadres">Remplacement de cadres</option>
                                    <option value="Essaimage primaire">Essaimage primaire</option>
                                    <option value="Essaimage secondaire">Essaimage secondaire</option>
                                    <option value="Essaimage tertiaire">Essaimage tertiaire</option>
                                    <option value="Remplacement ruche">Remplacement de la ruche</option>
                                    <option value="Ruchette => ruche">Ruchette => ruche</option>
                                    <option value="Nouvel essaim <?php echo date("Y") ?>">Nouvel essaim <?php echo date("Y") ?></option>
                                    <option value="Comptage Varroas">Comptage Varroas</option>
                                    <option value="Changement reine">Changement Reine</option>
                                    <option value="Pose de hausse">Pose de hausse</option>
                                    <option value="Retrait de hausse">Retrait de hausse</option>
                                    <option value="Pose grille reine">Pose grille reine</option>
                                    <option value="Pose du chasse abeilles">Pose du chasse-abeilles</option>
                                    <option value="Recuperation hausses">Récolte: récupération des hausses</option>
                                    <option value="Traitement varroa">Traitement varroa</option>
                                    <option value="Nourrissement sirop">Nourrissement sirop</option>
                                    <option value="Nourrissement candy">Nourrissement candy</option>
                                    <option value="Hivernage">Hivernage</option>
                                    </select></p>

Si je choisie "Pose de hausse" ou "Retrait de hausse", un nouveau champ s'ouvre pour me demander le nombre
Vous pensez que cela est possible ?
A+

[Invit�]

Bonjour,

oui, c'est possible.
Mais comme c'est cot� client, �a se fera en JavaScript.

Sur le onchange du <select> :

• tu r�cup�res et testes l'option s�lectionn�e.
• tu affiches ou masques alors un <input type="number" />.

En faisant une recherche, tu devrais trouver des scripts. "javascript afficher masquer input sur choix liste deroulante"

[apicultrice]

Merci pour les mots cl�s

C'est le plus dure lors d'une recherche....

Ok cela fonctionne mais je n'arrive pas � mettre un texte devant le champ est qui dispara�t ou apparaisse dans les m�mes conditions

ruches.montminoises.free.fr/Essai.php

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
 
<p>Opérations :<select name="Operation" id="Operation" onchange="Qte()">                                
              <option value="Changement reine">Changement Reine</option>
              <option value="Pose de hausse">Pose de hausse</option>
              <option value="Retrait de hausse">Retrait de hausse</option>
              <option value="Pose grille reine">Pose grille reine</option>
              <option value="Pose du chasse abeilles">Pose du chasse-abeilles</option>
              </select></p>     
<p><input type="number" name="Nb_hausse" id="Nb" placeholder="Quantité ?" style="display:none;"/></p>
 
<script language='javascript'>
function Qte() {
  if(document.getElementById('Operation').value == "Retrait de hausse" || document.getElementById('Operation').value == "Pose de hausse")  {
    document.getElementById("Nb").style.display = "inline";
  } 
  else {
    document.getElementById("Nb").style.display = "none";
  }
}
</script>

J'ai mis un "placeholder" mais j'aurais pr�f�r� le texte "Quantit�: " devant
Une id�e pour int�gr�r le texte dans "INPUT ?
A+

[Invit�]

Lol...

Mets simplement l'id "Nb" sur le conteneur <p> !

[apicultrice]

Lol...

Mets simplement l'id "Nb" sur le conteneur <p> !

???

[Beginner.]

J'ai mis un "placeholder" mais j'aurais pr�f�r� le texte "Quantit�: " devant

Ajoutez un label juste avant le input ou bien mettez directement le texte que vous voulez juste avant le input et � l'int�rieur du paragraphe...

[apicultrice]

Ajoutez un label juste avant le input ou bien mettez directement le texte que vous voulez juste avant le input et � l'int�rieur du paragraphe...

Oui cela je l'ai essay� mais il reste toujours affich�
Il doit s'effacer si l'option n'est pas selectionn�

[Beginner.]

Oui cela je l'ai essay� mais il reste toujours affich�
Il doit s'effacer si l'option n'est pas selectionn�

C'est normal car vous n'avez pas fait ce que jreaux62 vous a indiqu�, il suffit d'�crire �a : <p id="Nb" style="display:none;">Quantité ? <input type="number" name="Nb_hausse" /></p> � la place de �a : <p><input type="number" name="Nb_hausse" id="Nb" placeholder="Quantité ?" style="display:none;"/></p>.