Javascript 使用html按钮和脚本打开新窗口

我创建了一个简单的休假申请系统。该系统将接收员工休假申请，然后其部门主管将批准休假申请。之后，人力资源部可以查看月假，可以列出所选月份的所有员工假期

我的问题发生在这一部分。当HR查看月休假时，HR希望通过单击按钮（查看详细信息）查看休假详细信息，如我创建的图片，系统将仅显示最后的详细信息，尽管我单击了第一行

这是我的代码

                <tr><td> <?php echo $row['ID']; ?></td><td> <?php echo $row['staffname']; ?></td><td> <?php echo $row['noapply']; ?></td>
                <td><button onclick="myFunction()">View Details</button></td></tr>
                <script>
                function myFunction() {
                window.open("hrviewdatedetails.php?ID=<?php echo $row['LeaveID']; ?>", "_blank", "toolbar=yes, scrollbars=yes, resizable=yes, top=100, left=100, width=800, height=500");
                }
                </script>

查看详细信息
函数myFunction（）{
window.open（“hrviewdatedetails.php？ID=”，“\u blank”，“toolbar=yes，scrollbars=yes，resizeable=yes，top=100，left=100，width=800，height=500”）；
}

$（文档）.ready（函数（）{
$（“#btnext”）。单击（函数（）{
open（“HTMLPage.htm”，“PopupWindow”，“宽度=600，高度=600，滚动条=yes，可调整大小=no”）；
});
});

将levae Id作为myFunction（LevId）中的参数传递。并在页面底部编写javascript代码

您的代码应该如下所示

<tr><td> <?php echo $row['ID']; ?></td><td> <?php echo $row['staffname']; ?></td><td> <?php echo $row['noapply']; ?></td>
    <td><button onclick="myFunction(<?php echo $row['LeaveID']; ?>)">View Details</button></td></tr>

</tr>

<script>
    function myFunction(levID) {
        window.open("hrviewdatedetails.php?ID="+levID, "_blank", "toolbar=yes, scrollbars=yes, resizable=yes, top=100, left=100, width=800, height=500");
    }
</script>

您可以在函数中传递id。试试这个

            <td><button onclick="myFunction('<?php echo $row['ID']; ?>')">View Details</button></td></tr>
            <script>
            function myFunction(id) {
            window.open("hrviewdatedetails.php?ID="+id, "_blank", "toolbar=yes, scrollbars=yes, resizable=yes, top=100, left=100, width=800, height=500");
            }
            </script>

为什么OP要“试试这个”？一个好的答案总是会有一个解释，说明做了什么以及为什么这样做，不仅是为了OP，而且是为了未来的访客。
            <td><button onclick="myFunction('<?php echo $row['ID']; ?>')">View Details</button></td></tr>
            <script>
            function myFunction(id) {
            window.open("hrviewdatedetails.php?ID="+id, "_blank", "toolbar=yes, scrollbars=yes, resizable=yes, top=100, left=100, width=800, height=500");
            }
            </script>