Javascript 我怎样才能保存一个；图像点击"；值，以便我可以在PHP程序中继续使用该值？

我现在正在为我的网站编写一个联系方式，我想把第一个问题的答案设计成三张可点击的图片，这样三张图片中只有一张可以点击。单击后，该值应发送到我的电子邮件地址，就像使用PHP mail函数单击Submit按钮时后续问题中的输入字段一样

不幸的是，当我点击一个图像时，我不知道如何以及是否可以触发一个动作，该图像将值发送到我的PHP程序

我已经尝试过html onclick事件属性，但我在互联网上看到它并不适合

我现在要做的是使用JavaScript函数addEventListener（）缓存变量，并在最后单击Submit按钮时将该值传递给PHP程序。我只是不知道如何以及这是否是解决我问题的正确方法

提前感谢您的回答

联系方式
提交
var Image1=document.getElementById（“Image1”）；
var Image2=document.getElementById（“Image2”）；
var Image3=document.getElementById（“Image3”）；
var期权；
图1.addEventListener（“单击”，函数（）{
Option=“Image1”；
});
Image2.addEventListener（“单击”，函数（）{
Option=“Image2”；
});
Image3.addEventListener（“单击”，函数（）{
Option=“Image3”；
});

我们可以使用隐藏字段来存储要发送到php端的值，并且可以使用onclick事件处理程序通过javascript设置字段值

<form submit="something.php" method="GET"> you can also use post.

    ...

    <input id="image-field" type="text" value="" hidden name="image_value" />

    <img data-value="value to send 1" src="..." onclick="setImageField(this)" />
    <img data-value="value to send 2" src="..." onclick="setImageField(this)" />
    <img data-value="value to send 3" src="..." onclick="setImageField(this)" />

    <button type="submit">Submit</button>
</form>

<script>

    let field = document.getElementById("image-field");

    function setImageField(img) {
        let to_send = img.getAttribute("data-value");
        field.setAttribute("value", to_send);
    }

</script>

您也可以使用post。
...
提交
let field=document.getElementById（“图像字段”）；
函数setImageField（img）{
let to_send=img.getAttribute（“数据值”）；
field.setAttribute（“值”，要发送）；
}

---

在php端，值将被接收为

image\u value

GET/POST value

请包含您尝试过的代码。@Zera嘿，Zera，我刚刚粘贴了代码的原始版本。嘿，您知道吗，为什么我的另一个JS函数“nextPrev（1）”在单击时不再工作了？这是一个函数，可以将多步骤表单的“选项卡”切换到下一个选项卡发布另一个问题，如果对您有效，也可以接受答案^^，还有一件事，带有事件处理程序代码的脚本标记应该写在表单之后，它的最佳实践是在结束正文标记之前的文档末尾包含所有脚本，这会阻止在解析html代码之前执行js代码，这有时会导致错误，例如事件处理程序不工作。