javascript - 使用 HTML onClick 将 PHP 变量作为参数传递

Question

我查看了很多类似的例子，但我无法做到这一点。

所以，我有这个:

echo('<td colspan="3" style="background-color:#005673; text-align:right; padding: 4px 0px;">
      <button class="btnTrack" onClick="trackIt(' . $name . ')" >Track It!</button></td>');

该代码位于 for 内部，因此变量 $name 将根据我所在的位置而有所不同。

我并不是想让事情变得复杂，所以首先，我只是尝试将该参数传递给函数 trackIt(我实际上需要传递其中的 2 个。)

然后，我有一个简单的脚本(只是为了看看它是否有效):

<script>
//After you click on Track It

function trackIt(param) 
{
   alert("Hi!");
   alert(param);
}

</script>

但是，它不起作用。

如果我的 onClick 函数只是 onClick="trackIt()"，那么它工作正常，我可以提醒“嗨!”通过删除参数。

感谢您的帮助! =]

Answer 1

试试这个..

echo('<td colspan="3" style="background-color:#005673; text-align:right; padding: 4px 0px;">
  <button class="btnTrack" onclick="trackIt(\'' . $name . '\')" >Track It!</button></td>');

注意:如果输入参数是数值，则必须使用您的方式。

<小时/>

您正在将 HTML 打印为，

<td colspan="3" style="background-color:#005673; text-align:right; padding: 4px 0px;">
<button class="btnTrack" onclick="trackIt(test)" >Track It!</button></td>

但是因为函数 trackIt 需要一个字符串作为输入参数，所以你必须打印这个..

<td colspan="3" style="background-color:#005673; text-align:right; padding: 4px 0px;">
<button class="btnTrack" onclick="trackIt('test')" >Track It!</button></td>

由于您使用 ' 作为边界来定义 PHP 中的字符串，因此您必须使用 \' 对其进行转义才能使 '字符串的字符部分。