Javascript 通过循环表格形成表格,每个表格都有一个onclick函数<;td>;。。怎样?
这是我通过循环使用php创建表的代码..我想在每个单元格中添加一个onclick函数..这样在单击特定单元格时背景颜色就会改变..但是我得到一个错误。 我做错什么了吗Javascript 通过循环表格形成表格,每个表格都有一个onclick函数<;td>;。。怎样?,javascript,php,jquery,html,Javascript,Php,Jquery,Html,这是我通过循环使用php创建表的代码..我想在每个单元格中添加一个onclick函数..这样在单击特定单元格时背景颜色就会改变..但是我得到一个错误。 我做错什么了吗 <head> <script> function changeColor(elem) { elem.style.background = "red"; } </script> </head> <body> <?php $rows = 10;
<head>
<script>
function changeColor(elem)
{
elem.style.background = "red";
}
</script>
</head>
<body>
<?php
$rows = 10; // define number of rows
$cols = 4;// define number of columns
echo "<table border='1'>";
for($tr=1;$tr<=$rows;$tr++){
echo "<tr>";
for($td=1;$td<=$cols;$td++){
echo "<td onclick=\"changeColor(this)\" > ".$tr." ".$td."</td>";
}
echo "</tr>";
}
echo "</table>";
?>
</body>
</html>
功能更改颜色(elem)
{
elem.style.background=“红色”;
}
你漏掉了引语。应该是:
echo "<td onclick=\"changeColor(this)\" > ".$tr." ".$td."</td>";
你漏掉了引语。应该是:
echo "<td onclick=\"changeColor(this)\" > ".$tr." ".$td."</td>";
您的echo
语句没有转义引号
echo "<td onclick="changeColor(this)" > ".$tr." ".$td."</td>";
echo.“$tr.”.$td.”;
更改为:
echo echo "<td onclick='changeColor(this)'> $tr $td </td>";
echo-echo“$tr$td”;
有一件事是,当变量放在双引号内时,PHP用它们的值替换变量。因此,当您在双引号内使用变量时,您不需要任何连接。您的echo
语句不转义引号
echo "<td onclick="changeColor(this)" > ".$tr." ".$td."</td>";
echo.“$tr.”.$td.”;
更改为:
echo echo "<td onclick='changeColor(this)'> $tr $td </td>";
echo-echo“$tr$td”;
有一件事是,当变量放在双引号内时,PHP用它们的值替换变量。因此,当您在双引号内使用变量时,不需要任何连接,您可以尝试以下方法
for($td=1;$td<=$cols;$td++)
{
?>
<td onclick="changeColor(this)" ><?php echo $tr." ".$td;?></td>
<?php
}
用于($td=1;$td
你可以试试这个
for($td=1;$td<=$cols;$td++)
{
?>
<td onclick="changeColor(this)" ><?php echo $tr." ".$td;?></td>
<?php
}
用于($td=1;$td
转义双引号。行应为:echo“$tr.”.$td
ty fr指出了d个错误…但我的手机仍然没有被选中..!!Amal所展示的你对我有用,Niko和techfoobar的答案也是如此。@jasminYes对我有用。非常感谢。@jacob:自从发表评论以来,已经发布了两个类似的答案,jasmin已经被接受了-我不明白为什么需要新的答案。退出t他用双引号括起来。行应该是:echo“$tr.”.$td
ty fr指出了d个错误…但我的手机仍然没有被选中..!!Amal所展示的你对我有用,Niko和techfoobar的答案也一样。@jasminYes对我有用。非常感谢。@jacob:自从发表评论以来,已经发布了两个类似的答案,jasmin已经接受了-我不明白为什么需要新的答案。