Javascript/JQuery：记录单击的元素，以便稍后将其保存到MySQL数据库

我想用两组按钮（Anker元素）做一个小调查。 当用户在组1中做出决定时，将显示组2，在第二次决定之后，单击按钮的值应写入MySQL数据库

我在JavaScript和JQuery方面有一些问题

如何对每个组中单击的每个按钮进行协议

在

你可以找到一个小例子

我知道在这种状态下它不能工作，但我真的不知道这两组按钮之间的区别

当我使用

    firstclick = this.ad;

我不能用

this.ad

第二组

提前谢谢

问候

---

LAR

考虑使用数组来存储选中的单击id

看这把小提琴：

---

然后，您可以更改数组或通过迭代数组将它们存储在表/数据库中（无论您希望以何种方式）

可以使用数据属性，并在父容器上设置组属性，在每个按钮上设置项目编号

$（'a'）。单击（函数（e）{
e、 预防默认值（）；
var$el=$（此），
group=$el.closest（“[数据组]”）.data（'group'），
项目=$el.data（‘项目’）；
console.log（'按钮：'，组+'.+项）
})

首先要考虑的是使用独特的代码> ID 标签。ID的AHVE是唯一的。在每个列表中重复使用id 1、2和3。尝试使用类似于1-1、1-2、1-3、2-1、2-2和2-3的东西，这样您就有了唯一的ID，因此您的逻辑无法正常工作。另外-我稍微更改了您的ID。。对你的问题的评论是正确的-重复的ID是一个很大的禁忌。
var clickedControlsOrder = [];
$(document).ready(function(){
    $("a").click(function(){
        $("#second").removeClass("hidden").addClass("visible");
        $("#first").addClass("hidden");
        clickedControlsOrder.push($(this).prop('id'));
        $('.info #info1').html(clickedControlsOrder.join(','));
    });
});