javascript - 表单上传成功后显示隐藏的div

标签 javascript php jquery wordpress

我在我的成员(member)设置中使用了一个简码,它允许用户将文件直接上传到他们在我的 CRM 中的联系人记录。这会显示一个多上传表单,然后我对其进行了样式设置:

Image 001

文件上传后,页面会刷新并显示成功消息。刷新时,我还需要在成功消息下方显示一个隐藏的 div (#hiddendiv)。

据我所知,JS/PHP 组合可能会实现这一目标(例如 this example - 虽然这很模糊且难以适应)。

任何人都可以帮助我/指出我实现这一目标的正确方向吗?

最佳答案

由于您的表单页面正在刷新,那么您显然没有使用 AJAX,因此您可以做的不是将 div 放置为 html,而是 echo a 分配一个变量,最初它应该为空,然后在您想要显示的位置 echo 该变量div,这将在开始时回显空消息...然后在成功验证您的表单并成功后将该 div 的内容分配给空变量,一旦页面加载它就会显示您刚刚分配的 div 内容

<?php

        $hiddenDiv = "";

            if(isset($_POST['submitButton'])){

                //validate what you need to validate on 


                //On success assign value to hidden div



                $hiddenDiv="<div class=\"whatever\">What ever dv content you need to display</div>";
            }


    ?>


    <!-- the place you wanna show the div -->


    <?= $hiddenDiv?>

关于javascript - 表单上传成功后显示隐藏的div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44183922/

相关文章:

php - 删除重复的数组键

php - SQL 查询 - 使用 Select 插入语句(仅使用 select 的一列)

javascript - 用 javascript 解析 google place json

javascript - D3.js绘制定长圆

javascript - 如何使用dojo动态创建下拉框的新选项

javascript - 在reactjs中导入模块失败

php - App\Http\Controllers\缺少参数 1

java - 下载完成后如何停止/隐藏 jquery spinner?

jquery - 我要疯了吗? jQuery .click() 似乎不起作用

javascript - 从字符串数组分配回调事件 (PIXI.js)