JavaScript“文本更改onclick”中的PHP变量

Question

Hi I have this JavaScript code inside a PHP echo

        function change_text()
            {
                if(document.getElementById(\"toggle_button\").innerHTML==\"Ver respuesta\")
                {
                    document.getElementById(\"toggle_button\").innerHTML=\"$PHP_VARIABLE\";
                }
                else
                {
                    document.getElementById(\"toggle_button\").innerHTML=\"Ver respuesta\";
                }
            }

I need to insert the text of $PHP_VARIABLE at $PHP_VARIABLE, but it is not working... I think this will work with this javascript code who obtain the variable, but I don't know how to insert this in the code.

var php_var = "<?php echo $php_var; ?>";

Answer 1

It's exactly as the second code block you showed; you need to echo your variable.

Remember that what leaves your server is not PHP, it's text. Javascript, from the server point of view, is just text, no different than HTML. You can echo out whatever you want, and it doesn't care. So if you want to embed a variable PHP generates into Javascript, print it out somehow, via echo, print, or some other format. Once it leaves your server, it's just text, and it's up to the client to interpret the javascript.

Answer 2

Assuming you have a php echo as this you should simply concat the php var

<?php  

  echo '<script>
        function change_text()
        {
            if(document.getElementById("toggle_button").innerHTML=="Ver respuesta")
            {
                document.getElementById("toggle_button").innerHTML="' . $PHP_VARIABLE . '";
            }
            else
            {
                document.getElementById("toggle_button").innerHTML="Ver respuesta";
            }
        }
  </script>'; 

?>

Answer 3

function change_text()
    {
        if(document.getElementById("toggle_button").innerHTML=="Ver respuesta")
        {
            document.getElementById("toggle_button").innerHTML="<?php echo $PHP_VARIABLE;?>";
        }
        else
        {
            document.getElementById("toggle_button").innerHTML="Ver respuesta";
        }
    }