Question

我在Wordpress网站上使用Caldera Forms创建了一个表单。它是一个多页表单，每页有1个问题。问题的答案是肯定还是否定。我有12张图片。我想做的是在每个问题上检查答案是否是＆＃34;是＆＃34;然后在表单下方（或另一页面上）显示相应的图像。

我很难理解如何编写自定义javascript来处理表单提交的回调，然后将我的图像附加到wordpress页面的主体。

我是wordpress的初学者，我只知道通过UI而不是通过代码来操纵插件和主题。我在CSS和JS方面有着丰富的经验，所以我知道如何在非wordpress（自定义构建的网站）中完成这项工作。

我想知道在哪里可以编写我的自定义Javascript代码来实现我的显示图像的目标，还是有其他方法可以做到这一点？

感谢。

Answer 1

您可以通过检查表单或某个输入是否已提交来根据表单提交进行更改。您可以通过多种方式执行此操作

if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    // Show images here
}

if (isset($_POST['submit'])) {
    // Your content here
}

使用html时，我个人觉得最好这样使用它：

<?php if ($_SERVER['REQUEST_METHOD'] == 'POST'): ?>
    <img src="some-picture.png" />
<?php endif; ?>