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

Question

所以我想要做的是有一个即时搜索提要，它显示我的 mysql 数据库中的成员列表，当用户单击与行 (li) 关联的 anchor 标记时，我想更改变量在另一个脚本中作为被单击的行的 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>

此文件会在我的索引页中创建搜索结果的即时列表，并且是构建 anchor 标记的位置，我想更改变量

包含/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">

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

你的 anchor 可以这样写:

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"));
    });
});