Question

我需要将HTML表格的单元格设为可点击。发生此事件时，会显示弹出窗口或窗口，其中包含一些信息。这是我当前的HTML代码：

<table class="table1">
<thead>
    <tr>
        <th scope="col">AAAA</th>
        <th scope="col">BBBB</th>
            ....

    </tr>
</thead>
<tbody>
<?php 
    $mystring = "";
            ...
            echo '<td scope="row" style="width: 300px">'.$mystrin.'</td>';
    echo '<td style="background-color:#FFFFFF"></td>';
            ...
?>       
</tbody>
</table>

现在，＆＃34; $ mystring＆＃34;显示在单元格内。我想要一个单元格颜色（例如，背景颜色：＃388643＆＃34;）如果我点击它，会弹出一个字符串＆＃34; $ mystring＆＃34;。

要创建弹出窗口，我使用：

     echo "<script type='text/javascript'>alert($mystring);</script>";

但我无法将此与此事件相关联＆＃34;点击此单元格＆＃34;

Answer 1

使用纯javascript，没有js框架

<tbody>
<?php 
    $mystring = ""; //remember to remore the ' symbol
        ...
        echo '<td scope="row" style="width: 300px" onclick="alert(\'' .$mystrin. '\');">&nbsp;</td>';
        echo '<td style="background-color:#FFFFFF"></td>';
        ...
?>       
</tbody>

Answer 2

试试这个

<tbody>
      <td scope="row" style="width: 300px" id="click"><?php echo $mystring; ?></td>
    <td style="background-color:#FFFFFF"></td>     
</tbody>

脚本

中的

<script type='text/javascript'>
$("#click").click(function(){
var value=$("#click").val();
alert(value);

});
</script>

HTML和可点击表格单元格

2 个答案: