PHP如何在弹出模式中获取userID(变量)

时间:2017-07-25 07:34:20

标签: php jquery ajax twitter-bootstrap

许多员工及其信息显示在页面上。通过数据库检索员工信息,然后使用foreach()循环显示符合搜索条件的所有员工,下图中可以看到一个示例

enter image description here

现在,当用户单击该按钮时,会触发一个简单的Bootstrap弹出模式,其中包含一些基本的表单字段。从下面的示例图片中可以看出

enter image description here

我的问题

单击按钮以处理模态中的/处理数据时,我需要获取$userID

以下是相关代码的摘录:

$teacherClass = new TeacherSearch();
            $teachers = $teacherClass->showAllTeachers();
            if (is_array($teachers)) {
            foreach ($teachers as $teacher) {
                 $src = $teacher['userID'];
<div class="teacher-info">
                        <p class="teacherLabel">
                            NAME:
                            <?php
                            echo $teacher['name'];
                            ?>
                        </p>

                        <p class="teacherLabel">
                            HEADLINE:
                            <?php
                            echo $teacher['headline'];
                            ?>

                        <p class="teacherLabel">
                            LOCATION:
                            <?php
                            echo $teacher['location']
                            ?>
                        </p>
                       <!--BUTTON GOES HERE-->
                        }//foreach

我尝试了什么

我尝试使用<a>元素将带有userID的参数绑定到它,如下所示:

<a href="body.php?teacher='<?php echo $teacher['userID'] ?>'" data-target="#myModal">Hire <?php echo $teacher['name'] ?></a>

正如预期的那样,以下内容触发了模态内的新页面重新加载。

然后,我尝试使用#符号作为ahref属性,然后将参数$userID添加到其中,如下所示:

 <a href="#?teacher='<?php echo $teacher['userID'] ?>'"></a>

上面的结果会导致未定义的索引错误,如上图所示。

结论

我希望这个问题有道理,我几乎没有想法,不知道如何进一步解决这个问题。

2 个答案:

答案 0 :(得分:2)

您在锚标记中添加了user-id。要获取必须使用的属性data-id的内容

<a id="myid" data-id="123">link</a>
<script>
  $('#myid').data("id");
</script>

答案 1 :(得分:0)

使用javascript函数获取userID并显示modal

<a  onclick="myfunction('<?php echo $userID; ?>')>Hire <?php echo $teacher['name'] ?></a>

javascript函数:

var userID; // global
function myfunction(id){
    userID = id;
    $("#myModal").modal("show");
    //do somethings with user id here 
}