Question

我经历了几个帖子，但我无法找到我正在尝试做的事情的答案。如果我错过了什么，请指点我。

我的表格显示在小方框中。我想要发生的是不是将访问者重定向到不同的页面，以便看到“谢谢”消息，以使他保持在同一页面并更改div的内容。

我已经设法走了一半（感谢此处发现的帖子）。

我无法重定向访问者并向他显示“谢谢”消息，但我无法刷新内容。我仍然看到表格。

我只熟悉html，css和一些php，所以如果有一个不包含jquery的解决方案，那就太棒了。

这是我到目前为止所拥有的：

HTML

<div id="mc_embed_signup">  
                    <form action="" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" novalidate>
                    <div class="mc-field-group">
                    <input id="firstname3" type="text" value="" name="FNAME" placeholder="'Ονομα">
                    </div>

                    <div class="mc-field-group">
                    <input id="primaryemail3" type="email" value="" name="EMAIL" placeholder="Email">
                    </div>

                    <div id="mce-responses" class="clear">
                    <div class="response" id="mce-error-response" style="display:none"></div>
                    <div class="response" id="mce-success-response" style="display:none"></div>
                    </div> 

                    <div class="myResultDiv">

                    <input name="subscribe" class="button_link hover_fade large_button red button_widget" type="submit" value="ΣΤΕΙΛΤΕ ΤΟ ΔΩΡΟ ΜΟΥ!"></div>
                    </form>

                    <?php if (isset($_POST['subscribe'])) : ?>
                    <p>Thank you for subscribing!</p>
                    <?php endif; ?>

                    </div>

                    <div>
                    <p class="under_button2"></p>

                    <div class="af-clear">
                    </div>

                    </div>
                    </div>                  
                    <!--End mc_embed_signup-->

Answer 1

@kat_indo用于更改div的文本内容

 document.getElementById("yourDivId").innerText = "New text Content";

Answer 2

将条件逻辑放在div之外......

<?php if (isset($_POST['subscribe'])) { ?>
    <p>Thank you for subscribing!</p>
<?php }else{ ?>

   ---- FORM DIV HERE ----
<?php } ?>

这是假设您正在寻找服务器端解决方案。即您提交表格并重建页面。

提交后替换div的内容

2 个答案: