Question

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

我的问题出现在这一部分。当HR查看每月休假时，人力资源部门想要通过点击按钮（查看详细信息）作为我创建的图片来查看休假详情，系统将仅显示最后的详细信息，尽管我点击了第1行。

这里是我的代码......

                <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>

Answer 1

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
        <script language="javascript" type="text/javascript">
            $(document).ready(function () {
                $("#btnext").click(function () {                    
                    window.open("HTMLPage.htm", "PopupWindow", "width=600,height=600,scrollbars=yes,resizable=no");
                });
            });
</script>

Answer 2

将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>

Answer 3

您可以在功能中传递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>

使用html按钮和脚本

3 个答案: