编程新手求助：如何为jQuery form.submit()传递选中用户的邮箱参数

你遇到的核心问题是服务器端渲染与客户端交互的逻辑冲突：
你的表单提交代码里，const email = <?= json_encode($message->email) ?>这行是PHP在页面加载时就生成的静态值——它等于循环生成好友列表时最后一个$message对象的邮箱。页面加载完成后，这行代码已经变成了固定的字符串，不管你点击选中哪个好友，提交时都会用这个固定的最后一个邮箱，自然无法传递当前选中用户的邮箱。

我们需要在用户点击好友时，把选中的邮箱存储起来，表单提交时再读取这个存储的值。这里提供两种常用方案：

方案1：使用全局变量存储选中邮箱 #

1. 先在JS代码开头定义一个全局变量，用来保存选中的邮箱：

// 全局变量，存储当前选中的好友邮箱
let selectedFriendEmail = '';

2. 修改好友点击事件，把选中的邮箱赋值给这个全局变量：

$(".friend").each(function(x){
$(this).click(function(){
var name = $(this).find("p strong").html();
var email = $(this).find("p span").html();
selectedFriendEmail = email; // 新增：保存选中的邮箱到全局变量
LoadChat(email);
$("#profile p").html(name);
$("#profile span").html(email);
});
});

3. 修改表单提交代码，改用全局变量的邮箱值：

$('form').submit(function() {
// 先判断是否选中了好友
if (!selectedFriendEmail) {
    alert('请先选择一个好友再发送消息');
    return false;
}
var message = $('.textarea').val();
if (message) {
$.post("handlers/messages.php", { 
    action: "sendMessage", 
    message: message, 
    email: selectedFriendEmail // 使用全局变量的选中邮箱
}, function(response) {
if (response == 1) {
LoadChat();
document.getElementById('msgform').reset();
}
});
} else {
myFunction();
}
return false;
})

方案2：使用隐藏表单字段存储（更符合表单设计逻辑） #

这种方式不需要全局变量，把选中的邮箱存在表单的隐藏字段里，更贴合表单提交的原生逻辑：

1. 在表单中添加一个隐藏input字段：

<form class="" id="msgform" action="chat.php" method="post">
<div id="sendmessage">
<!-- 新增隐藏字段，存储选中的好友邮箱 -->
<input type="hidden" id="selectedEmail" name="selectedEmail" value="">
<input type="text" placeholder="Send message..." class="textarea" name="message"/>
<button id="send" class="textarea" ></button>
</div>
</form>

2. 修改好友点击事件，给隐藏字段赋值：

$(".friend").each(function(x){
$(this).click(function(){
var name = $(this).find("p strong").html();
var email = $(this).find("p span").html();
$("#selectedEmail").val(email); // 赋值给隐藏字段
LoadChat(email);
$("#profile p").html(name);
$("#profile span").html(email);
});
});

3. 修改表单提交代码，读取隐藏字段的值：

$('form').submit(function() {
const email = $("#selectedEmail").val();
// 判断是否选中好友
if (!email) {
    alert('请先选择一个好友再发送消息');
    return false;
}
var message = $('.textarea').val();
if (message) {
$.post("handlers/messages.php", { 
    action: "sendMessage", 
    message: message, 
    email: email // 使用隐藏字段的选中邮箱
}, function(response) {
if (response == 1) {
LoadChat();
document.getElementById('msgform').reset();
}
});
} else {
myFunction();
}
return false;
})

PHP是服务器端语言，页面加载完成后它的执行就结束了，无法感知客户端的点击操作。而JavaScript是客户端语言，可以实时跟踪用户的交互行为，所以必须用JS来记录用户选中的好友邮箱，再在提交时传递给后端。

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