Using PHP variables as parameters for JavaScript function

Question

I'm having a bit of trouble working with the quotations for this. So, let's make an example of sending two strings we want concatenated through variables, and then running them through a JavaScript function to concatenate them (I understand that this is very basic in PHP and I know how to do it, I'm just using this example for the sake of simplicity).

JavaScript Code:

function con(first, last) {
    answer = first+last;
    alert(answer);
    return;
}

HTML and PHP:

<?php
    $first = "Butter";
    $last = "Last";
    echo '<input type="button" value="Get Answer" onclick="con(".$first.", ".$last.")" />';
?>

This code above does not work, how can I make it work?

Thanks all

How could I use ajax to solve this? I want the variables from PHP, because in my actual webpage they are session variables — Jono
– Jono, Commented Jan 25, 2016 at 12:54
Update echo '<input type="button" value="Get Answer" onclick="con(".$first.", ".$last.")" />'; into echo "<input type='button' value='Get Answer' onclick='con(\"$first\", \"$last\");' />"; — Narendrasingh Sisodia
– Narendrasingh Sisodia, Commented Jan 25, 2016 at 13:00
Thank you! If you make that an answer, I'll mark it as solved. Worked perfectly! — Jono
– Jono, Commented Jan 25, 2016 at 13:11

Ruben Serrate · Accepted Answer · 2016-01-25 13:04:03Z

3

If you have a look at the html that that's generating it will be something like this:

<input type="button" value="Get Answer" onclick="con(".$first.", ".$last.")" />

Which as you can see is not correct.

There are a couple of issues with your code, first of all, variables names, like $first won't get evaluated to their value if they are inside single quotes.

Try:

echo '<input type="button" value="Get Answer" onclick="con("'.$first.'", "'.$last.'")" />';

This will output :

<input type="button" value="Get Answer" onclick="con("Butter", "Last")" />

which is still not correct, as you're not passing the arguments to your javascript function correctly.

Try:

echo '<input type="button" value="Get Answer" onclick="con(\''.$first.'\', \''.$last.'\')" />';

which should output

<input type="button" value="Get Answer" onclick="con('Butter', 'Last')" />

that hopefully works :)

answered Jan 25, 2016 at 13:04

Ruben Serrate

2,8031 gold badge21 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Jono Over a year ago

Your answer works perfectly! Thanks for the quick response.

Gomzy · Accepted Answer · 2016-01-25 13:25:44Z

0

Here is your solution

JavaScript Code:

function con(first, last) {
answer= first+last;
alert(answer);
return;}

PHP and HTML code:

<?php
 $first = "Butter";
 $last = "Last";
 echo '<input type="button" value="Get Answer" onclick=con("'.$first.'","'.$last.'") />';?>

when you pass the value to the javascript function through php you must pass the value in 'single quote' or "double quote" like onclick=con("'.$first.'","'.$last.'");

answered Jan 25, 2016 at 13:25

Gomzy

4314 silver badges14 bronze badges

Collectives™ on Stack Overflow

Using PHP variables as parameters for JavaScript function

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related