document.getElementById ("test"). style.display = "caché" ne fonctionne pas

Je veux cacher mon formulaire quand je clique sur le bouton "soumettre". Mon code est comme suit:

<script type="text/javascript">
    function hide() {
        document.getElementById("test").style.display = "hidden";
    }
</script>
<form method="post" id="test">
    <table width="60%" border="0" cellspacing="2" cellpadding="2">
        <tr style="background:url(../images/nav.png) repeat-x; color:#fff; font-weight:bold"
        align="center">
            <td>Ample Id</td>
            <td>Find</td>
        </tr>
        <tr align="center" bgcolor="#E8F8FF" style="color:#006">
            <td>
                <input type="text" name="ampid" id="ampid" value="<?php echo $_POST['ampid'];?>"
                />
            </td>
            <td>
                <input type="image" src="../images/btnFind.png" id="find" name="find"
                onclick="javascript:hide();" />
            </td>
        </tr>
    </table>
</form>

Mais quand je clique sur le bouton "Rechercher", cette forme particulière n'est pas caché.

source d'informationauteur namratha

html javascript

26

Il doit être soit
```
document.getElementById("test").style.display = "none";
```
ou
```
document.getElementById("test").style.visibility = "hidden";
```
Deuxième option pour afficher un espace vide où le formulaire a été initialement présents , où la première option n'est pas

Ensemble CSS la propriété d'affichage à aucun.

document.getElementById("test").style.display = "none";

Aussi, vous n'avez pas besoin javascript: pour la onclick attribut.

<input type="image" src="../images/btnFind.png" id="find" name="find" 
    onclick="hide();" />

Enfin, assurez-vous que vous n'ont pas plusieurs éléments avec la même ID.

Si votre forme va nulle part, Phil suggéré que vous devriez éviter de soumettre le formulaire. Simplement return false dans le onsubmit gestionnaire.

<form method="post" id="test" onsubmit="return false;">

Si vous souhaitez que le formulaire de post, mais de cacher la div sur la page à charger, vous devrez utiliser le code côté serveur pour masquer l'élément:

<script type="text/javascript">
function hide() {
    document.getElementById("test").style.display = "none";
}
window.onload = function() {
    //if form was submitted, PHP will print the below, 
    //   which runs function hide() on page load
    <?= ($_POST['ampid'] != '') ? 'hide();' : '' ?>
}
</script>

3

Remplacer hidden avec none. Voir MDN référence.
3

À l'aide de jQuery:
```
   $('#test').hide();
```
À L'Aide De Javascript:
```
document.getElementById("test").style.display="none";
```
A jeté une erreur "Impossible de définir la propriété 'display' undefined"

Donc, pour résoudre ce problème serait:
```
document.getElementById("test").style="display:none";
```
où votre code html ressemblera à ceci:
```
<div style="display:inline-block" id="test"></div>
```
2

Il y a deux façons de le faire.

La plupart des réponses ont souligné à juste titre que le style.l'affichage n'a pas de valeur dite "cachée". Il devrait être nul.

Si vous souhaitez utiliser "caché" de la syntaxe devrait être comme suit.
```
object.style.visibility="hidden"
```
La différence entre les deux est la visibilité="hidden" propriété n'cacher le contenu de vous, mais de conserver sa position sur la page. Alors que le display ="none" permet de masquer votre élément et le reste des éléments sur la page de remplir ce vide créé par elle.

Cochez cette illustration
0

vous devez utiliser display = none

valeur cachée est connecté avec attributet appelé visibility

de sorte que votre code devrait ressembler à ceci
```
<script type="text/javascript">
function hide(){
document.getElementById("test").style.display="none";
}
</script>
```

vous pouvez utiliser quelque chose comme cela....div conteneur

<script type="text/javascript">
function hide(){
document.getElementById("test").innerHTML.style.display="none";
}
</script>
<div id="test">
<form method="post" >

<table width="60%" border="0" cellspacing="2" cellpadding="2"  >
  <tr style="background:url(../images/nav.png) repeat-x; color:#fff; font-weight:bold" align="center">
    <td>Ample Id</td>
    <td>Find</td>
  </tr>

  <tr align="center" bgcolor="#E8F8FF" style="color:#006" >
    <td><input type="text" name="ampid" id="ampid" value="<?php echo $_POST['ampid'];?>" /></td>
   <td><input type="image" src="../images/btnFind.png" id="find" name="find" onclick="javascript:hide();"/></td>
   </tr>

</table>

</form>
</div>

À L'Aide De JavaScript

document.getElementById("test").style.display="none";

Grâce À Jquery

$('#test').hide();

ce devrait être l'essayer.

document.getElementById("test").style.display="none";

0

son d'un élément de bloc, et vous avez besoin d'utiliser none
```
document.getElementById("test").style.display="none"
```
hidden est utilisé pour visibility
0

Peut-être que vous pouvez ajouter une classe comme "masquer".

Suivre l'exemple ici : https://developer.mozilla.org/fr/docs/Web/API/Element/classList.

document.getElementById("test").classList.add("anotherclass");

Vous devez vous connecter pour publier un commentaire.