如何在PHP中通过鼠标单击从html表中检索行？

我正在使用PHP在HTML表中显示一些记录。我试图这样做，当我点击一行时，我可以将项目ID（已点击）存储在变量中。出于某种原因，当我单击所需的行时，JavaScript中的警报不起作用，也不会发生。我错过了一些琐碎的事情吗

<?php
    $con=mysqli_connect("localhost","root","mypassword","myDB");
    // Check connection
    if (mysqli_connect_errno())
    {
    echo "Failed to connect to MySQL: " . mysqli_connect_error();
    }

    echo "<font color = 'darkgreen'> Connected to database. </font> <br>";

    $result = mysqli_query($con,"SELECT * FROM Inventory");

    echo "<table border='1'>
    <tr>
    <th>Item ID</th>
    <th>Item Name</th>
    </tr>";

    while($row = mysqli_fetch_array($result))
    {
    echo "<tr>";
    echo "<td>" . $row['itemID'] . "</td>";
    echo "<td>" . $row['itemName'] . "</td>";
    echo "</tr>";
    }
    echo "</table>";

    mysqli_close($con);
    ?>

    <script type="text/javascript">
    $("tr.table").click(function() {
        var tableData = $(this).children("td").map(function() {
            return $(this).text();
        }).get();

        alert("Your data is: " + $.trim(tableData[0]) + " , " + $.trim(tableData[1]));
    });
    </script>

$（“tr.table”）。单击（函数（）{
var tableData=$（this.children（“td”）.map（function（））{
返回$（this.text（）；
}).get（）；
警报（“您的数据是：”+$.trim（tableData[0]）+“，”+$.trim（tableData[1]））；
});

echo”“；

请在表中写入并创建java脚本函数以显示警报

<script>
     function showAlert(TxtItemid,txtItemName){
      alert("Your data is: " + TxtItemid + " , " + txtItemName));
     }
</script>

函数showAlert（TxtItemid、txtItemName）{
警报（“您的数据为：“+TXTIEMID+”，“+TXTIEMNAME”）；
}

这是一种提醒方式。请尝试一下。这对你有用。它在我的情况下起作用。

echo”“；
<?php
    $con=mysqli_connect("localhost","root","mypassword","myDB");
    // Check connection
    if (mysqli_connect_errno())
    {
    echo "Failed to connect to MySQL: " . mysqli_connect_error();
    }

    echo "<h3 style='color: darkgreen;'> Connected to database. </h3> <br />";

    $result = mysqli_query($con,"SELECT * FROM Inventory");

    echo "<table border='1'>
    <tr>
    <th>Item ID</th>
    <th>Item Name</th>
    </tr>";

    while($row = mysqli_fetch_array($result))
    {
    echo "<tr>";
    echo "<td class='item-id'>" . $row['itemID'] . "</td>";
    echo "<td class='item-name'>" . $row['itemName'] . "</td>";
    echo "</tr>";
    }
    echo "</table>";

    mysqli_close($con);
    ?>

    <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
    <script type="text/javascript">
    $("tr").click(function() {

        var id = $(this).find('.item-id').text();
        var name = $(this).find('.item-name').text();

        alert("Your data is: " + $.trim(id) + " , " + $.trim(name));
    });
    </script>

请在表中写入并创建java脚本函数以显示警报

<script>
     function showAlert(TxtItemid,txtItemName){
      alert("Your data is: " + TxtItemid + " , " + txtItemName));
     }
</script>

函数showAlert（TxtItemid、txtItemName）{
警报（“您的数据为：“+TXTIEMID+”，“+TXTIEMNAME”）；
}

这是一种提醒方式。请尝试一下。这对你有用。它在我的情况下起作用。

<?php
    $con=mysqli_connect("localhost","root","mypassword","myDB");
    // Check connection
    if (mysqli_connect_errno())
    {
    echo "Failed to connect to MySQL: " . mysqli_connect_error();
    }

    echo "<h3 style='color: darkgreen;'> Connected to database. </h3> <br />";

    $result = mysqli_query($con,"SELECT * FROM Inventory");

    echo "<table border='1'>
    <tr>
    <th>Item ID</th>
    <th>Item Name</th>
    </tr>";

    while($row = mysqli_fetch_array($result))
    {
    echo "<tr>";
    echo "<td class='item-id'>" . $row['itemID'] . "</td>";
    echo "<td class='item-name'>" . $row['itemName'] . "</td>";
    echo "</tr>";
    }
    echo "</table>";

    mysqli_close($con);
    ?>

    <script src="https://code.jquery.com/jquery-1.12.4.min.js" integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ=" crossorigin="anonymous"></script>
    <script type="text/javascript">
    $("tr").click(function() {

        var id = $(this).find('.item-id').text();
        var name = $(this).find('.item-name').text();

        alert("Your data is: " + $.trim(id) + " , " + $.trim(name));
    });
    </script>

$（“tr”）。单击（函数（）{
var id=$（this.find（'.item id'）.text（）；
var name=$（this.find（'.item name'）.text（）；
警报（“您的数据为：“+$.trim（id）+”，“+$.trim（名称））；
});

$（“tr”）。单击（函数（）{
var id=$（this.find（'.item id'）.text（）；
var name=$（this.find（'.item name'）.text（）；
警报（“您的数据为：“+$.trim（id）+”，“+$.trim（名称））；
});

如我所见，您正在调用jQuery，并使用类“table”单击一个，但我看不出您在中的何处设置了该类，我该怎么做呢？我不太熟悉html项目ID项目名称，只需将类添加到表中，但您仍然需要告诉JS您只需要此项目ID，而不是代码中的全部。删除标题中的PHP部分。看起来您将使用JavaScript，因为这是基于事件的。。。当然，除非你想要数据库信息。。。然后，您可以使用JavaScript向服务器发送和接收信息，使用PHP和MySQL访问数据并

echo json\u encode（$assocaray）

。哦，字体标签死了。只是建议。您需要知道的是

@Alberto Rubio

的注释。正如我所看到的，您正在调用jQuery，单击类“table”，但我不知道您在您的中在哪里设置了该类。我该如何确切地做到这一点？我不太熟悉html项目ID项目名称，只需将类添加到表中，但您仍然需要告诉JS您只需要此项目ID，而不是代码中的全部。删除标题中的PHP部分。看起来您将使用JavaScript，因为这是基于事件的。。。当然，除非你想要数据库信息。。。然后，您可以使用JavaScript向服务器发送和接收信息，使用PHP和MySQL访问数据并

echo json\u encode（$assocaray）

。哦，字体标签死了。只是建议。

@Alberto Rubio

的评论是您需要知道的。