Javascript 如何更改PHP echo中元素的可见性？_Javascript_Php_Html_Css

Javascript 如何更改PHP echo中元素的可见性？

javascript php html css

Javascript 如何更改PHP echo中元素的可见性？,javascript,php,html,css,Javascript,Php,Html,Css,我正在创建一个页面，其中包含多个隐藏的表单，当从select中选择特定函数时，这些表单会显示出来。我需要弄清楚的是，在用户提交后，我将如何保持该特定表单的显示 if(isset($_POST['submit'])){ echo "<script>document.getElementById('funcDisp').display='block' </script>"; if($_POST['function'] == 'nameFunc') {

我正在创建一个页面，其中包含多个隐藏的表单，当从select中选择特定函数时，这些表单会显示出来。我需要弄清楚的是，在用户提交后，我将如何保持该特定表单的显示

if(isset($_POST['submit'])){
    echo "<script>document.getElementById('funcDisp').display='block' </script>";
    if($_POST['function'] == 'nameFunc') {
        $fname = $_POST['fname'];
        $lname = $_POST['lname'];
        $output = "Hi $fname $lname, welcome to my PHP challenge";
    }
}

if（isset（$\u POST['submit']））{
echo“document.getElementById（'fundisp'）。display='block'；
如果（$\u POST['function']=='nameFunc'）{
$fname=$_POST['fname']；
$lname=$_POST['lname']；
$output=“Hi$fname$lname，欢迎参加我的PHP挑战”；
}
}

这是一个例子，说明了当选择第一个函数时会发生什么，但我无法让带有脚本标记的回音在我的一生中发挥作用

<!DOCTYPE html>
  <?php
    if(isset($_POST['submit'])){            
        if($_POST['function'] == 'nameFunc'){
           $fname = $_POST['fname'];
           $lname = $_POST['lname'];
           $output = "Hi $fname $lname, welcome to my PHP challenge";
        }
    }
  ?>
<html>
    <head>
        <title></title>
        <link rel="stylesheet" type="text/css" href="bebk9hPHP.css">
        <script src="jquery-2.1.4.min.js"></script>        
    </head>
    <body>
        <div class="contentWrapper">
            <h1 id="header">PHP Sample Project</h1>
            <h3 id = "sText">Form Selection</h3>
            <div class="custom-select">
                <select id="dropdown">
                    <option selected disabled hidden>Select a function</option>
                    <option value="1">Function 1</option>
                    <option value="2">Function 2</option>
                    <option value="3">Function 3</option>
                    <option value="4">Function 4</option>
                </select>
            </div>
            <div class="funcDisplay" id="funcDisp">
                   <form action="bebk9hPHP.php" method="post">
                        <input type="text" name="fname" class="name" id="fieldOne">
                        <input type="text" name="lname" class="name" id="fieldTwo">
                        <input type="text" name="function" value="nameFunc" id="hidField">

                        <div class="submits">
                            <input type="submit" value="Submit" class="clear nsubmit" name="submit">
                            <input type="button" value="Clear" class="clear nclear">
                       </div>
                    </form>
               <?php 
                echo "<script>document.getElementById('funcDisp').display='block';</script>";
                echo "<h2> $output </h2>";
                ?>
            </div>
        </div>
     <script>
        $("#hidField").hide();
        $(".funcDisplay").hide();
         $("#dropdown").change(function(){
             if($("#dropdown :selected").val() == 1) {
                $(".funcDisplay").show();   
             }               
         }) 
    </script>
    </body>
</html>


PHP示例项目
形式选择
选择一个函数
职能1
职能2
职能3
职能4
这样说：
if(isset($_POST['submit'])){
    echo "<script>document.getElementById('funcDisp').display='block' </script>";
}

但是具有相同内部结构的jQuery文档就绪函数将是首选方法。但是，这两种方法都应该有效。
请说明：
if(isset($_POST['submit'])){
    echo "<script>document.getElementById('funcDisp').display='block' </script>";
}

但是具有相同内部结构的jQuery文档就绪函数将是首选方法。但是，这两种方法都可以使用。
在哪里放置#fundisp
表单？在这段代码之前还是之后？之后，但是在我的表单之后放同样的东西也不起作用。请将HTML添加到你的问题中好的，我做了。很抱歉我还将有问题的语句移动到下面的echo中。您可以尝试执行$（“.funcDisplay”）.show（）；而不是.display=block语句#fundisp
表单放在哪里？在这段代码之前还是之后？之后，但是在我的表单之后放同样的东西也不起作用。请将HTML添加到你的问题中好的，我做了。很抱歉我还将有问题的语句移动到下面的echo中。您可以尝试执行$（“.funcDisplay”）.show（）；而不是.display=block语句