Passing php var with JavaScript

Question

I'm trying to pass a php var that is a string using Javascript, but in the final result the string gets cmmented in html. Here's my code:

PHP:

$txtVar = "My text";

JavaScript:

var txt = '<?php echo $txtVar; ?>';
document.getElementById('MyDiv').innerHTML = txt;

HTML(result):

<div id="MyDiv"><!--?php echo $txtVar ; ?--></div>

I just want the string value to be printed in my html, withou the comments ()

You cannot use php inside javascript. That just won't work. php is on the server, javascript on the client. — arkascha, Feb 10 '14 at 09:07
http://stackoverflow.com/questions/168214/pass-a-php-string-to-a-javascript-variable-and-escape-newlines — erickb, Feb 10 '14 at 09:07
Is the $txtvar variable being set within the same document within which the JavaScript runs? I ask because I found this method: http://p2p.wrox.com/php-faqs/11606-q-how-do-i-pass-php-variables-javascript.html — fraxture, Feb 10 '14 at 09:14
@Shivan Raptor, perhaps you could provide what you consider the best answer? — fraxture, Feb 10 '14 at 09:16
I guess this javascript containing php tag is not in a .php file? — Jya, Feb 10 '14 at 09:20

v_kovit_v · Accepted Answer · 2014-02-10T09:47:15.617

1

First print the PHP variable value in another HTML entity like hidden input HTml tag and after that pick the hidden value using JavaScript and assign into your desire tag.

In Your page.

<input type="hidden" value="<?php echo $txtVar; ?>" id="phptext" name="phptext" />

JavaScript code:

document.getElementById('MyDiv').innerHTML = document.getElementById('phptext').value;

This is works.

edited Feb 10 '14 at 09:47

answered Feb 10 '14 at 09:35

v_kovit_v

34
6

That's the correct solution,thanks. – ManelPNavarro Feb 10 '14 at 10:18

score 0 · Answer 2 · answered Feb 10 '14 at 09:36

0

Here is your answer.

<?php
$txtVar = "My text";
?>

<div id="MyDiv"></div>

<script>
var txt = "<?php echo $txtVar; ?>";
var element = document.getElementById('MyDiv');
element.innerHTML = txt;
</script>

answered Feb 10 '14 at 09:36

Mohit

776
7
13

score -1 · Answer 3 · answered Feb 10 '14 at 09:14

-1

If your javascript is an external file, you can just rename it with .php extension, and then retrieve it with

<script language='javascript' type='text/javascript' src='yourscript.php'></script>

answered Feb 10 '14 at 09:14

Paolo Tozzo

41
6

That's completely wrong. You can't read PHP like this. Also, `language` attribute is deprecated, `type` is optional. – Raptor Feb 10 '14 at 09:22
True about both attributes, even though that's not the point. Yes, you can read it, as long as you set the correct header http://www.javascriptkit.com/javatutors/externalphp.shtml. – Paolo Tozzo Feb 10 '14 at 09:26
@ShivanRaptor Certainly this is doable. As long as `yourscript.php` outputs javascript. That is a quite common solution to create specific js snippets, actually. Though I agree that is has nothing to do with this question. – arkascha Feb 10 '14 at 09:28
Agree with both of you, as long as PHP has `text/javascript` as Content Type, it can be used as JavaScript. – Raptor Feb 10 '14 at 09:30

Passing php var with JavaScript

3 Answers3