传递给javascript中的函数时出现未捕获的ReferenceError

Question

我正在尝试使用基于 buttonclick 的表中的数据填充表单。我正在将数据传递给 javascript 函数。

<?php 
$sql=mysqli_query($con, "SELECT FacultyEducationalId, FacultyDegreeName, FacultyCollegeName, FacultyPassingYear FROM facultyeducationaltable WHERE FacultyId=".$_SESSION['userid']);
while ($row=mysqli_fetch_array($sql))
{
?>
<tr class="info">
<td><?php echo $row['FacultyDegreeName'] ?></td>
<td><?php echo $row['FacultyCollegeName'] ?> </td>
<td><?php echo $row['FacultyPassingYear'] ?> </td>
<td>
<button onclick="modifyEdu(<?php echo $row['FacultyEducationalId'].','.$row['FacultyDegreeName'].','.$row['FacultyCollegeName'].','.$row['FacultyPassingYear']; ?>)" id="modifyEdu" class="btn btn-primary">Modify</button>                                                                 
</td>
</tr>
<?php
}
?>

函数如下：

<script type="text/javascript">
  function modifyEdu(id, deg, uniname, passyear) {
var facultyeduid=parseInt(id);
var degname=deg;
var uniname=uniname;
var passyear=passyear;
console.log("1");
document.getElementById("degreename").value="2";
document.getElementById("universityname").value=uniname;
document.getElementById("passyear").value=passyear;
}
</script>

我得到：未捕获的 ReferenceError：x 未在 HTMLButtonElement.onclick 中定义。我该如何解决？ （x 是 'FacultyDegreeName' 中的值）

Answer 1

您缺少使用单引号 ' 和 \' 转义字符串：

<button onclick="modifyEdu('<?php echo $row['FacultyEducationalId'].'\',\''.$row['FacultyDegreeName'].'\',\''.$row['FacultyCollegeName'].'\',\''.$row['FacultyPassingYear']; ?>')" id="modifyEdu" class="btn btn-primary">Modify</button>

因为你会得到modifyEdu(foo,bar,2018) 而不是modifyEdu('foo','bar','2018')。

在第一种情况下，foo 将被视为未定义变量并导致 "ReferenceError" 错误。