使用Javascript函数隐藏PHP内的按钮

Question

I am currently writing a website where I want to hide the the supervisor editing button if the supervisor field = N. I am able to get the query to display the correct output but I can't get the button to hide. Can anyone help me get it to hide whenever the page loads. I also under stand I should be using PDO's but we have not been taught that sadly.

HTML & PHP

        <?php

        $supervisorstatus = mysql_fetch_assoc($supervisorresult);
        echo $supervisorstatus['supervisor'];
                                if($supervisorstatus !='Y') {
                                    echo '<script type="text/javascript">',
     'closesup();',
     '</script>'
;
                                } 


        ?>

JavaScript

function closesup(){
    document.getElementById('supervisor').style.visibility="hidden";
}

Supervisor is the element id for the button.

Answer 1

This is how your code would be

    <?php

            $supervisorstatus = mysql_fetch_assoc($supervisorresult);
            echo $supervisorstatus['supervisor'];
                                    if($supervisorstatus['supervisor'] !='Y') {
                                        echo '<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#supervisor").hide();
});
</script>';        

                                    } 


            ?>

I gave a example of implementation above but if you need to see it separate Here is the code to hide your supervisor id

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
    $("#supervisor").hide();
});
</script>