繁体   English   中英

如何在已经存在的 HTML div 中放置 PHP 回显语句?

[英]How to place a PHP echo statement inside of an already existing HTML div?

我有一个带有 div 的 HTML 页面,当单击按钮时,PHP 会回显一些 HTML 文本。 我想将这个回显的文本放在 div 中,但不知道该怎么做。

php的代码:

if ($result != False)
        {            
            echo '<div id="addBus"><h1>The bus exists!</h1></a></div>';
        } else {
            echo '<div class="error"><h1>Error! Please try again or contact administrator.</h1></a></div>';
        }

HTML 代码:

<div class="settingCont">
            <form class="Usertable" method="POST">
                <input class="routeSettings" id="routeName" type="text" name="routeName" class="validate" placeholder="Enter a bus route">
                <button class="btn waves-effect waves-light routeSettings" type="submit" name="action">Enter</button>
            </form>
        </div>

下面是代码当前正在执行的操作的照片:

浏览器页面截图

我认为您希望在 html 中显示响应。

你可以这样做:

<?php 
$isSuccess = false;  // Creating a varible to later use

if($result != False){  // $result is your varible that you defined.
   $isSuccess = true;
}
?>

现在在您的 HTML 中,您可以这样做:

// After your .settingCont Div your Result Div

<div>
<?php 
if($isSuccess == true){
   echo "<div>Success</div>"
}
?>

</div>

此示例向您展示如何在 HTML 中间使用 php。

我假设 OP 正在尝试基于表单操作显示通知,并且他们希望它内联。 我知道这是非常基本的,并且混合了编码风格,但我试图给出一个易于理解的示例,并展示可用于完成他们正在尝试做的事情的不同语法选项。

<?php
$showNotice = $_SERVER['REQUEST_METHOD'] === 'POST' ? true : false;
$message    = '';
$class      = '';
if ($result) {
    $class   .= 'success';
    $message .= 'The bus exists!';
} else {
    $class   .= 'error';
    $message .= 'Error! Please try again or contact administrator.';
}
?>

<div class="settingCont">
    <?php
    if ($showNotice) :
    ?>
    <div class="notification <?=$class?>"><span><?=$message?></span></div>
    <?php
    endif;
    ?>
    <form class="Usertable" method="POST">
        <input class="routeSettings" id="routeName" type="text" name="routeName" class="validate" placeholder="Enter a bus route">
        <button class="btn waves-effect waves-light routeSettings" type="submit" name="action">Enter</button>
    </form>
</div>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM