许多员工及其信息显示在页面上。通过数据库检索员工信息,然后使用foreach()
循环显示符合搜索条件的所有员工,下图中可以看到一个示例
现在,当用户单击该按钮时,会触发一个简单的Bootstrap弹出模式,其中包含一些基本的表单字段。从下面的示例图片中可以看出
我的问题
单击按钮以处理模态中的/处理数据时,我需要获取$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>
上面的结果会导致未定义的索引错误,如上图所示。
结论
我希望这个问题有道理,我几乎没有想法,不知道如何进一步解决这个问题。
答案 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
}