Так что у меня есть это

    <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
user2031113 1 Фев 2013 в 06:02

2 ответа

Лучший ответ

Вы можете добавить обработчик onsubmit. Без использования сторонней библиотеки, такой как jQuery, вот основной способ сделать это с помощью встроенного JavaScript:

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

onsubmit запускается всякий раз, когда форма отправляется, будь то путем нажатия кнопки Submit программным путем или, например, если пользователь нажимает Enter в текстовом поле.

Однако я бы порекомендовал вам использовать jQuery и более ненавязчивый подход, чем этот встроенный подход. Если вы хотите узнать, как это сделать с помощью jQuery, вот jsFiddle, в котором показан один из способов достижения этой цели. , По сути, вы должны добавить id, например myform, к элементу form, а затем добавить это в свой JavaScript:

$(document).ready(function() {
    $("#myform").submit(function(e) {
        $("#first").hide();
        $("#second").show();
    });
});
6
Marc Baumbach 1 Фев 2013 в 02:14

Сначала дайте идентификатор, чтобы отправить кнопку.

<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();
}
2
Jitesh Tukadiya 1 Фев 2013 в 06:51