在不同页面上单击锚标记时如何更改 php 脚本中的 PHP 变量？

Question

所以我想做一个即时搜索提要，显示我的 mysql 数据库中的成员列表，当用户单击与行关联的锚标记时 (li) 我想更改一个变量在另一个脚本中作为被点击的行的 id。我将在下面提供我的脚本

Index.php

<script>
function searchUserQ(){
    var searchTxt = $("input[name='userSearch']").val();
    console.log(searchTxt);

    $.post("includes/search.php", {searchVal:searchTxt},
        function(output){
           $("#userResults").html(output);
        });
}

$("#userResults").on("click", "a.employee", function(e) {
    e.preventDefault();
    $("#editId").val($(this).data("id"));
});
</script>

<h1 class="editUser">Edit User</h1>
<form action="index.php" method="post">
    <input type="text" name="userSearch" id="userSearch" placeholder="Search For Employee By First Name" onkeyup="searchUserQ();" />
    <submit type="submit" />
</form>
<div id="userResults">

</div>
<form class="editUser" action="includes/uploadEmployee.php" method="post"   enctype="multipart/form-data">
    <input type="hidden" name="editId" id="editId">
</form>

这个文件为我的索引页面创建了一个即时的搜索结果列表，并且是构建锚标签的地方我想要更改变量

包含/search.php

<?php


$output .= "<li><div class='employeeSearch' style=\"background: url('$photo'); width: 75px; height: 75px\"></div><h6>" . $firstName  . "</h6>" . " " .  "<h6>" . $lastName . "</h6><a href='#' class='employee' data-id='$id'>Select Employee</a></li>";

  echo $output;

这个文件是在一切完成后更新数据库，现在它只更新第 42 行

包括/uploadEmployee.php

 $selectedId = $_POST['editId'];

$sql = "UPDATE employees SET firstName = '$_POST[editUserFirstName]', lastName = '$_POST[editUserLastName]', password = '$_POST[editUserPW]', permission = '$permission', address = '$_POST[editUserAddress]', email = '$_POST[editUserEmail]', phone = '$_POST[editUserPhone]' WHERE id = $selectedId";

Answer 1

添加

<input type="hidden" name="editId" id="editId">

到表格。当您单击锚点时，它应该将 ID 存储到此输入字段中。然后更新脚本可以使用$_POST['editId'] 来获取应该更新的行的ID。

你的锚可以这样写：

echo "<a href='#' class='employee' data-id='$id'>Select Employee</a>";

您可以使用以下方法设置隐藏字段：

$(document).ready(function() {
    $("#userResults").on("click", "a.employee", function(e) {
        e.preventDefault();
        $("#editId").val($(this).data("id"));
    });
});