4

だから私はこれを持っています

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

フォームの送信後（ボタンを押した後）に表示オプションを切り替えたい。送信ボタンをクリックした後、スクリプトをこのようにしたいと思います

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

2 に答える 2

7

onsubmitハンドラーを追加できます。jQueryなどのサードパーティライブラリを使用せずに、インラインJavaScriptでそれを行う基本的な方法は次のとおりです。

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

はonsubmit、フォームが送信されるたびにトリガーされます。たとえばSubmit、プログラムでボタンをクリックするか、ユーザーがEnterテキストフィールドにアクセスした場合などです。

ただし、jQueryと、このインラインアプローチよりも目立たないアプローチを使用することをお勧めします。jQueryでそれを行う方法を知りたい場合は、これを実現する1つの方法を示すjsFiddleを次に示します。基本的に、要素にidなどを追加してから、これをJavaScriptに追加します。myformform

$(document).ready(function() {
    $("#myform").submit(function(e) {
        $("#first").hide();
        $("#second").show();
    });
});
于 2013-02-01T02:06:46.893 に答える
2

まず、送信ボタンにIDを指定します。

<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>

次に、送信ボタンのクリックイベントを書き込みます

jQuery("#submit-btn").click(function(e)) {
    e.preventDefault();
    jQuery('#first').hide();
    jQuery('#show').show();
}
于 2013-02-01T02:10:23.130 に答える