Discussion :

[darkman19320]

Bonjour tout le monde,

J'aimerai faire un formulaire qui permet d'afficher un champs seulement si une valeur d'une liste est activée.

J'ai essayé de faire quelques chose du style:

Code :

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

1
2
3
4
5
6
7
8
9
function isYesSelected(value){
   alert(value);
   if (value === "Yes"){
       document.getElementById("testToHide").style.display:block;
   }
   else{
       document.getElementById("testToHide").style.display:none;
   }
}

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
<form action="action.php" method="post">
    <p>
         <label for="myList">Liste:</label>
         <select id="myList" onchange="isYesSelected(this.value)">
               <option id="no" value="No" />
               <option id="yes" value="Yes" />
         </select>
    </p>
    <div class="toHidde" id="testToHide">
       <p>
              <label for="val">Value:</label>
              <input type="text" />
       </p>
    </div>
</form>

Malheureusement, ce code ne fonctionne pas... Je m'y connais vraiment peu en HTML/JS et du coup, je ne sais pas trop ce que j'ai fait de mal dans ce code.

Voici mes questions:
- Comment faites vous pour mettre à jour une entrée (sa visibilité dans ce cas précis, ou plus généralement ses valeurs)?
- Peut-on debugger de manière efficace (comme on pourrait le faire avec du C/C++)?

Merci pour tout.

[Bovino]

Code :

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

document.getElementById("testToHide").style.display:block;

Tel que tu l'écris, block correspond à une variable et non à une valeur.
D'autre part, une affectation en JavaScript se fait à l'aide de l'opérateur =.

Code :

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

document.getElementById("testToHide").style.display = 'block';

[darkman19320]

Merci pour ta réponse! Ca fonctionne parfaitement!
Je débute dans le web donc je connais très bien la syntaxe encore.