使用PHP将数据从表传递到模式

使用PHP将数据从表传递到模式,php,html-table,Php,Html Table,每当我点击查看按钮,在特定的人,模态给我一个错误的数据 我从表中单击了Paul的数据,模态给了我Kharen的数据,我想在选中时显示正确的数据 目前为止仅用于显示表格的PHP代码 <?php $rs = $PDOCon->prepare("SELECT * FROM applicant) "); if ($rs->execute()) { }else{ echo "<script type='text/javascript'>alert('Invalid

每当我点击查看按钮,在特定的人,模态给我一个错误的数据

我从表中单击了Paul的数据,模态给了我Kharen的数据,我想在选中时显示正确的数据

目前为止仅用于显示表格的PHP代码

<?php 
$rs = $PDOCon->prepare("SELECT * FROM applicant)
");
if ($rs->execute()) {
}else{
    echo "<script type='text/javascript'>alert('Invalid ID!');</script>";
}
$str="<div class='demo_jui'><table style='color: black;' cellpadding='0' cellspacing='0' border='1' class='display' id='tbl' class='jtable'>";
$str.="
    <thead>
        <tr>
            <th>Applicant ID</th>
            <th>Full Name</th>
            <th>Applied Job</th>
            <th>Date Applied</th>
            <th>Action</th>
        </tr>
    </thead>
    <tbody>";
    while($row=$rs->fetch(PDO::FETCH_ASSOC)){
        $str.= "<tr>";
            $str.= "<td>" .( $row['people_id']) . "</td>"; 
            $people_id= $row['people_id'];
            $str.= "<td>" .($row['FName']) . " " .( $row['MName']) . " " .( $row['LName']) ."</td>";
            $LName= $row['LName'];
            $FName= $row['FName'];
            $MName= $row['MName'];
            $str.= "<td >" .( $row['job_description']) . "</td>";
            $str.= "<td >" .( $row['applicant_applied_date']) . "</td>";
            $str.= "<td ><a href='' data-toggle='modal'  data-target='#myModal'><i class='fa fa-eye'> VIEW RESUME</i></a></td> "; 
        $str.= "</tr>";
    }
        echo $str;      
    echo "</tbody></table></div>";

您的问题可能是因为您用最后一个值重置了每行的人员id

$people_id=$row['people_id']

必须将所有数据存储在一个数组中,然后在页面上报告数据。
因此,您可以在页面中的不同元素之间进行正确匹配。您的问题可能是由于您用最后一个值重置了每行的人员id

$people_id=$row['people_id']

必须将所有数据存储在一个数组中,然后在页面上报告数据。
因此,您可以在页面中的不同元素之间进行正确匹配

您可以使用以下模板

在视图链接中添加了人员id,以便模态将知道要检索哪个特定记录

替换:

$str.= "<td ><a href='' data-toggle='modal'  data-target='#myModal'><i class='fa fa-eye'> VIEW RESUME</i></a></td> "; 
$str.= "<td ><a href='' data-toggle='modal' data-people-id='".$people_id."' data-target='#myModal'><i class='fa fa-eye'> VIEW RESUME</i></a></td> "; 

您可以使用下面的模板

在视图链接中添加了人员id,以便模态将知道要检索哪个特定记录

替换:

$str.= "<td ><a href='' data-toggle='modal'  data-target='#myModal'><i class='fa fa-eye'> VIEW RESUME</i></a></td> "; 
$str.= "<td ><a href='' data-toggle='modal' data-people-id='".$people_id."' data-target='#myModal'><i class='fa fa-eye'> VIEW RESUME</i></a></td> "; 

您需要动态加载申请者数据

如果您不知道(或不想知道),请发出ajax请求:

更改此行:

$str.= "<td ><a href='' data-toggle='modal'  data-target='#myModal'><i class='fa fa-eye'> VIEW RESUME</i></a></td> "; 

您需要动态加载申请者数据

如果您不知道(或不想知道),请发出ajax请求:

更改此行:

$str.= "<td ><a href='' data-toggle='modal'  data-target='#myModal'><i class='fa fa-eye'> VIEW RESUME</i></a></td> "; 

我看不到任何显示单击按钮时如何将正确信息引用到该模式的内容。请使用ajax将数据从数据库检索到您的模式。@KarloKokkak如何开始执行此操作?我看不到任何显示单击按钮时如何将正确信息引用到该模式的内容。请使用ajax检索数据从数据库到您的模式。@KarloKokkak如何开始执行?from doc“调用show instance方法时立即触发此事件。如果是由单击引起的,则单击的元素可用作事件的relatedTarget属性。”:from doc“调用show instance方法时,此事件立即激发。如果是由单击引起的,则单击的元素可用作事件的relatedTarget属性。“:非常感谢!非常感谢!
$str.= "<td ><a href='' data-toggle='modal'  data-target='#myModal'><i class='fa fa-eye' data-LName="'.$LName.'" data-FName="'.$FName.'"  data-MName="'.$MName.'"  data-people_id="'.$people_id.'" > VIEW RESUME</i></a></td> "; 
<div class="modal fade" id="myModal" role="dialog" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog modal-md">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h5 class="modal-title">View Applicant Information</h5>
            </div>
            <div class="modal-body">
                <label style="font-weight: bold;"><strong>Name: </strong><span class="LName"></span>, <span class="FName"></span> <span class="MName"></span></label></br>
                <label><strong>Email Address: </strong></label> </br>
                <label><strong>Contact Number: </strong></label> </br>

                <a href="#" type="submit" class="resume-link">VIEW DETAILED RESUME</a>
                <a href="#" type="submit" class="btn btn-primary resumepdf-link">VIEW PDF RESUME</a>
                <a href="#" type="submit" class="btn btn-primary resumehh-link">VIEW HH PDF RESUME</a>
            </div>
        </div>
    </div>
</div>
$('#myModal').on('show.bs.modal', function (event) {
    var applicant = $(event.relatedTarget);
    var LName = applicant.data('LName');
    var FName = applicant.data('FName');
    var MName = applicant.data('MName');
    var people_id = applicant.data('people_id');

    modal.find('.modal-LName').text(LName);
    modal.find('.modal-FName').text(FName);
    modal.find('.modal-MName').text(MName);
    modal.find('.resume-link').attr('src', 'encode_view.php?id='+people_id);
    modal.find('.resumepdf-link').attr('src', 'print_pdf_2.php?id='+people_id);
    modal.find('.resumehh-link').attr('src', 'print_pdf.php?id='+people_id);
});