Pass variable from php to javascript function argument

Question

I want a variable that is in php to javascript function argument, but I do not get :( anyone can help me ..

//file js.js
function ComputeTotalPrice(first_meters_price){
  alert(first_meters_price);//result undefined
}

<!DOCTYPE html>
<?php
    ...
 $first_meters_price = price_type(get_geo_id("Rural"), //returns 4
 
?>
<script src="js.js" >
  ComputeTotalPrice(<? echo $first_meters_price; ?>);
</script>
  <head>
    ...
  </head>
  <body>
 <div id='reserva'>
      ...
 </div>
  </body>
</html>

http://stackoverflow.com/questions/6528325/what-does-a-script-tag-with-src-and-content-mean second answer — Steve, Nov 23 '15 at 19:02

score 1 · Accepted Answer · edited May 23 '17 at 12:04

1

Try something like this:

<?php $myVar = 5; ?>
<head>...</head>
<body>
    <script>
         var myVarFromPHP = <?php echo $myVar; ?>;
    </script>
    ...
</body>

Try seeing this stackoverflow answer as well

edited May 23 '17 at 12:04

Community

1
1

answered Nov 23 '15 at 19:03

Nathan

1,321
1
18
32

@AlbertoSetim Hmmm... When you say it didn't work did it throw an error? – Nathan Nov 23 '15 at 19:07
@AlbertoSetim Also, try not using `` and instead use two separate `script` tags. – Nathan Nov 23 '15 at 19:08

score 0 · Answer 2 · answered Nov 23 '15 at 19:41

As others have mentioned and linked to external answers, content inside a script tag is unreliable and even prohibited in some browsers when a src attribute is included; as such, it should be avoided.

For this to operate properly, one approach would be to pull the function from js.js into the script tag like below. It's undesirable but it does function as needed.

<?php $first_meters_price = 4; ?>
<script type="text/javascript">
    function ComputeTotalPrice(first_meters_price) {
        alert(first_meters_price);
    }
    ComputeTotalPrice(<?php echo json_encode($first_meters_price); ?>);
</script>

score 0 · Answer 3 · answered Nov 24 '15 at 00:53

like this works.. but is ot the best way to do this..

<!DOCTYPE html>
<html>
<body>
<?php $var_to_js = function_php();?>
<input type='text' class='hide' id='var_to_js' value='<?php echo $var_to_js; ?>'/>
<script>
  var var_from_php = document.getElementById('var_to_js').value;
</script>  
</body>
</html>

Pass variable from php to javascript function argument

3 Answers3