ausblenden des div mit der form, nachdem das Formular eingereicht und zeigen eine versteckte div

also ich habe das

    <div id="first" class="1" style="display:">
        <form>
            <input type=submit>
        </form>
    </div>
    <div id="second" class="2" style="display:none">
        test
    </div>

Will ich schalten Sie die option Anzeige nach dem senden des Formulars (button ist gedrückt). Ich will das Skript so zu werden wie diese nach dem Klick auf den submit-button

    <div id="first" class="1" style="display:none">
        <form>
            <input type=submit>
        </form>
    </div>
    <div id="second" class="2" style="display:">
        test
    </div>

InformationsquelleAutor user2031113 | 2013-02-01

  1. 5

    Können Sie eine onsubmit handler. Ohne die Verwendung einer Drittanbieter-Bibliothek wie jQuery, hier ist eine einfache Möglichkeit, es zu tun mit inline JavaScript:

    <form onsubmit="document.getElementById('first').style.display = 'none';document.getElementById('second').style.display = '';">

    Den onsubmit wird ausgelöst, wenn das Formular abgeschickt wird, werden Sie durch Klick auf das Submit - Taste, programmgesteuert, oder wenn ein Nutzer die Enter in ein Textfeld zum Beispiel.

    Ich würde jedoch empfehlen die Verwendung von jQuery und einem dezenten Ansatz, als diese inline-Ansatz aber. Wenn Sie möchten, um zu sehen, wie man das mit jQuery, das ist hier ein jsFiddle , zeigt eine Möglichkeit, dies zu erreichen. Im Grunde, Sie würde eine id wie myform auf die form - element, und fügen Sie dieses zu Ihrem JavaScript:

    $(document).ready(function() {
    $("#myform").submit(function(e) {
        $("#first").hide();
        $("#second").show();
    });
});

    InformationsquelleAutor Marc Baumbach

  2. 2

    Zuerst geben Sie die id auf "Absenden".

    <div id="first" class="1" style="display:">
    <form>
        <input type=submit **id="submit-btn"**>
    </form>
</div>
<div id="second" class="2" style="display:none">
    test
</div>

    Dann schreib das Click-Ereignis einer senden-Schaltfläche

    jQuery("#submit-btn").click(function(e)) {
    e.preventDefault();
    jQuery('#first').hide();
    jQuery('#show').show();
}

    InformationsquelleAutor Jaykesh Patel

Schreibe einen Kommentar