如何将按钮的PHP变量onclick发送给javascript函数作为参数

Question

我正在使用codeigniter3。下面是视图页面的代码，其中$ row-> poll_question中的数据； 来自数据库。 因此，此变量内的不同值会在名为voting.php的页面上回显。 在此变量旁边，有一个名为“查看投票”的按钮。 现在，单击此按钮，我想将此php变量的数据传递给javascript部分。 并且只需警报并签入javascript。 请帮忙。 我已经粘贴了我尝试过的代码。

投票.php

<h3 class="val" id="val" style="color:rgb(158, 158, 158);font-family: 
arial;margin-top: 2%;" ><?php echo $row->poll_question; ?></h3>
</td>

<td>

<a class="btn btn-lg btn-primary view_button" id="view_button" 
 style="margin-left: 18%;padding:10%;border-radius: 10px;" 
 onclick="fetch_val(<?php echo $row->poll_question ?>)">View Poll</a>

Java脚本

function fetch_val(val)
{
     alert(val);
}

Answer 1

您忘记在'<?php echo $row->poll_question ?>'上添加quote 。 检查下面的更新代码

<h3 class="val" id="val" style="color:rgb(158, 158, 158);font-family: 
arial;margin-top: 2%;" ><?php echo $row->poll_question; ?></h3>
</td>

<td>

<a class="btn btn-lg btn-primary view_button" id="view_button" 
 style="margin-left: 18%;padding:10%;border-radius: 10px;" 
 onclick="fetch_val('<?php echo $row->poll_question ?>')">View Poll</a>

Answer 2

我不建议该字符串的冗余存储。

你已经在你的价值id “编<h3>标记。 只是使用那个。

进一步的建议将所有样式移至外部样式表，并在#view_button上使用javascript侦听#view_button 。

您可以使用内联函数调用：

<h3 class="val" id="val"><?php echo $row->poll_question; ?></h3>

<a class="btn btn-lg btn-primary view_button" id="view_button" 
   onclick="fetch_val(document.getElementById('val').innerHTML);">View Poll</a>

或通过用JavaScript编写的侦听器触发fetch_val() （这是一种更清洁/更专业的方式）：

document.getElementById('view_button').onclick = function() {
    alert(document.getElementById('val').innerHTML);
}

关于编写纯JavaScript onclick处理程序： https : //stackoverflow.com/a/17633164/2943403

为事件分配自定义功能： https ： //stackoverflow.com/a/24665785/2943403

使用上述两种方法中的任何一种，都将消除引用诸如What is your mother's maiden name?等问题引起的问题的可能性What is your mother's maiden name? 。