Anzeigen/verbergen von Div-nach form submit?

Hallo, ich habe einige Mühe, das zu erreichen, ist ziemlich einfach, alles, was ich bin zu wollen, ist ein div, wenn mein html-Formular abgeschickt wird.

<head>

<script type="text/javascript">
 function showHide() {
   var div = document.getElementById(hidden_div);
   if (div.style.display == 'none') {
     div.style.display = '';
   }
   else {
     div.style.display = 'none';
   }
 }
</script>

</head>


<body>

<form method="post" name="installer">

<label>Home Keyword</label>
<br />
<input type="text" name="hello" value="">
<br />
<input type="submit" value="" name="submit" onsubmit="showHide()">

</form>

<div id="hidden_div" style="display:none">
<p>Show me when form is submitted :) </p>
</div>

</body>

Jede Hilfe wäre sehr geschätzt danke 🙂

Bewegen Sie den "onsubmit" Attribut der form. Auch, verwenden Sie nicht "senden" als eine Formular-Steuerelement-Namen, wie es shaddows die form der submit-Methode. Im oben genannten form.Einreichen wird die Referenz, die Kontrolle, nicht die Methode, so ruft es wirft einen Fehler.

InformationsquelleAutor Jessica | 2011-08-23

  1. 17

    Ich denke du bist einfach nur fehlende Anführungszeichen um "hidden_div" in Ihrem document.getElementById("hidden_div") Anruf!

    Aber tatsächlich, Ihre Seite wird wahrscheinlich posting zurück, zurücksetzen des Status der Seite und damit hidden_div scheinbar immer in einem ausgeblendeten Zustand -- beabsichtigen Sie bei der Handhabung von Formulardaten per AJAX?

    Wenn Sie möchten, um zu sehen, das beabsichtigte Verhalten, sollten Sie das showHide() Aufruf der <form> element, und geben Sie false zurück nach:

    <form method="post" name="installer" onsubmit="showHide(); return false;">

    und lassen Sie die senden-Schaltfläche als:

    <input type="submit" value="" name="submit" />

    Beachten Sie auch, dass Sie noch nicht selbst geschlossen, die <input /> - Taste-tag, oder einen text zu zeigen, ist es innen.

    Danke Cory ja, das scheint, den trick zu tun und haha ja, ich habe die Zitate in meinem ursprünglichen code, aber Sie bekam in der übersetzung verloren, ich denke, dass mein Kaffee braucht Nachschub 😛
    Es gibt keine Notwendigkeit, "schließen" wird das input-tag, die OP hat nicht mitgeteilt, dass XHTML verwendet wird, und es ist äußerst selten, um es auf das web.
    Ich habe nur hergeleitet wird es aus der Tatsache, dass Sie war so mit der <br /> - tags, aber Sie könnte Recht haben.

    InformationsquelleAutor Cᴏʀʏ

  2. 2

    müssen Sie showhide Funktion auf form onsubmit statt input

    <form method="post" name="installer" onsubmit="showHide()">

    sind Sie auch fehlende Angebote, wie @Cory erwähnt

    InformationsquelleAutor Adeel

Schreibe einen Kommentar