时间戳

首页 > 解决方案 > 在提交 from 后使用 php 运行编辑 css 的 JavaScript？

javascript - 在提交 from 后使用 php 运行编辑 css 的 JavaScript？

问题描述

用户提交表单后，.php 文件应该只显示论坛的某些部分，具体取决于 cc_owner 是否具有个人值或其他值。我将内容显示在两个单独的 div 元素中，一个称为 CreditContent_ID，另一个称为 BillContent_ID，内联 css 将两个 div 显示元素设置为“无”。我正在尝试使用 php 来检查 cc_owner 的值是个人的还是其他的。如果它是个人的，我希望它更改 CreditContent_ID 显示以阻止。

我认为问题出在这一行：

echo 'document.getElementById("CreditContent_ID").style.display="block"';

这是我的代码：

<style>
    .CreditContent{
        display:none;

    }
    .BillContent{
        display:none;
    }
</style>
<body>
    <?php 
        if($_POST['cc_owner']=='personal'){
            echo '<script language="javascript">';
            echo 'document.getElementById("CreditContent_ID").style.display="block"'; 
            echo '</script>';
        }else{
            echo '<script language="javascript">';
            echo 'document.getElementById("BillContent_ID").style.display="block"';
            echo '</script>';

        }
    ?>
    <div class=CreditContent id="CreditContent_ID">
        //I have other code here.
    </div>
    <div class=BillContent id="BillContent_ID">
        //more code here
    </div>
</body>

标签： javascriptphphtmlcss

解决方案

<style>
.hideContent {
    display: none;
}
</style>

<body>
    <div class="CreditContent <?php echo $_POST['cc_owner'] != 'personal'? 'hideContent': ''; ?>" 
        id="CreditContent_ID">
        //I have other code here.
    </div>

    <div class="BillContent <?php echo $_POST['cc_owner'] == 'personal'? 'hideContent': ''; ?>" 
        id="BillContent_ID">
        //more code here
    </div>
</body>

hideContent根据值将 css 类添加到 div cc_owner。

推荐阅读