如何获取模态框<p>标签的标题值并在PHP中用于SQL查询？

方式1：将标题存入隐藏框，提交时传给后端 #

适合通过表单提交触发SQL查询的场景：

1. 在页面中添加隐藏输入框：

<input type="hidden" id="hiddenTitle" name="selectedTitle" value="">

2. 修改showModal函数，同步存入标题：

function showModal(id) {
    const targetTitle = $("#title"+id).text();
    $("#title").text(targetTitle);
    // 把标题存入隐藏框
    $("#hiddenTitle").val(targetTitle);
}

提交表单后，后端可通过$_POST['selectedTitle']（POST请求）或$_GET['selectedTitle']（GET请求）获取标题值，直接用于SQL查询。

方式2：用ID查询标题（更安全，推荐） #

前端标题存在被篡改的风险，用数据库主键ID查询更可靠：

1. 添加隐藏框存储选中的ID：

<input type="hidden" id="hiddenId" name="selectedId" value="">

2. 更新showModal函数：

function showModal(id) {
    const targetTitle = $("#title"+id).text();
    $("#title").text(targetTitle);
    // 存入ID到隐藏框
    $("#hiddenId").val(id);
}

3. 后端通过ID查询标题（PHP示例，需用预处理防注入）：

$selectedId = $_POST['selectedId'];
// 使用PDO预处理语句
$stmt = $pdo->prepare("SELECT title FROM your_table_name WHERE id = ?");
$stmt->execute([$selectedId]);
$title = $stmt->fetchColumn();
// 后续用$title进行SQL操作

方式3：AJAX直接传值给后端（无需表单提交） #

如果想在打开模态框时就把值传给后端处理，用AJAX：
修改showModal函数：

function showModal(id) {
    const targetTitle = $("#title"+id).text();
    $("#title").text(targetTitle);
    
    // 发送AJAX请求
    $.ajax({
        url: 'your_backend_file.php',
        method: 'POST',
        data: {
            title: targetTitle,
            itemId: id
        },
        success: function(res) {
            // 后端处理完成后的回调，可按需添加逻辑
            console.log('数据已提交到后端');
        }
    });
}

后端your_backend_file.php接收并处理：

$title = $_POST['title'];
$itemId = $_POST['itemId'];
// 执行SQL查询，务必用预处理语句防止注入

重要提醒 #

所有SQL操作必须使用预处理语句，绝对不能直接把用户传入的值拼进SQL语句，这是防止SQL注入的核心手段。

内容的提问来源于stack exchange，提问作者user1004