Как я могу сделать так, чтобы мои действия после публикации в модале перенесли меня в другой модал?

Question

У меня есть модал с вопросом в качестве заголовка и возможными ответами в качестве основного содержания. Я использую запросы PHP и SQL, чтобы отобразить вопрос и ответы в модальном режиме, как показано ниже.

В данный момент он отправляет сообщения на ту же страницу, которая закрывает модальный режим и сбрасывает ход выполнения в викторине. , Я бы хотел, чтобы пользователь перешел к следующему модальному режиму, который в данный момент выполняется с помощью кнопки и нескольких javascript в нижнем колонтитуле модального окна.

Кнопка JS

// Get the button that opens the modal
var btn = document.getElementById("myBtn");

// When the user clicks on the button, open the modal
btn.onclick = function() {
modal.style.display = "block";
}

Можно ли изменить вход отправки на кнопку, которая работает так же, как я описал выше, но при этом сохраняет функциональность отправки формы?

Модальный код

Чтобы перейти к следующему модальному режиму в приведенном ниже коде, я использую кнопку с идентификатором «myBtn2» и некоторыми javascript, которые я также показал ниже.

В этом примере мои модалы определены как модальные и модальные2, которые являются переменными, назначаемыми через:

var modal = document.getElementById("myModal".

btn2.onclick = function() {
    modal.style.display = "none";
    modal2.style.display = "block";
}

<div id="myModal" class="modal">
    <!-- Modal content -->
    <div class="modal-content">
        <div class="modal-header">
        <!-- display question as heading -->
        <?php
                while ( $row = $result->fetch_assoc() ) {
                    echo "<h3>" . $row[ "question" ] . "</h3>";
                }
            ?>
        <button id="close1" class="close">&times;</button>
        </div>
        <div class="modal-body">
        <form action="#" method="post" id="quiz">
                <!-- display answers as radio -->
                <div>
                <?php
                    while ($id = $choice_idResult1->fetch_assoc()) {
                    echo '<input type= "radio" name="question1_answers" id="question1_answers_A" value= "' . $id["choice_id"] . '"';
                    }
                ?>
                    <label for="question1_answers_A">
                    <?php while($row = $result2->fetch_assoc()) {echo $row["choice_text"];}
                            $answer1 = $row;
                    ?>
                    </label>
                </div>

                <div>
                <?php
                    while ($id = $choice_idResult2->fetch_assoc()) {
                    echo '<input type= "radio" name="question1_answers" id="question1_answers_B" value= "' . $id["choice_id"] . '"';
                    }
                ?>
                    <label for="question1_answers_A">
                    <?php while($row = $result3->fetch_assoc()) {echo $row["choice_text"];}
                            $answer2 = $row
                    ?>
                    </label>
                </div>

                <div>
                <?php
                    while ($id = $choice_idResult3->fetch_assoc()) {
                    echo '<input type= "radio" name="question1_answers" id="question1_answers_C" value= "' . $id["choice_id"] . '"';
                    }
                ?>
                    <label for="question1_answers_A">
                    <?php while($row = $result4->fetch_assoc()) {echo $row["choice_text"];}
                            $answer3 = $row
                    ?>
                    </label>
                </div>
            <input type="submit" value="Submit answer"/>
            </form>

        </div>
        <div class="modal-footer">
            <button id="myBtn2">Open Modal 2</button>
        </div>
    </div>
</div>