使用jQuery和自定义属性将值从锚点传递到隐藏表单输入

我有一个单页网站，它有几个锚定标签，显示一个带有表单的模式窗口。每个链接都应该使用自定义属性（类似于item name=“item 1”）向表单传递一个值

表单应该从调用它的链接中提取itemname属性，并填充隐藏字段

表单隐藏在页面中的一个div中，然后显示为一个模式窗口

---

我该怎么办？我之所以使用jQuery，是因为这是一个非常基本的页面。

您希望为此使用数据属性，并在单击时调用一个函数，a）设置隐藏字段的值，b提升模式。以下演示了在单击时将数据属性传递给函数，然后更新隐藏字段值

此外，您不需要jQuery来实现这一点，直接的js就足够了

您还可以添加自己的逻辑来提升模态

const-links=document.querySelectorAll（'.trigger-modal-link'）；
links.forEach（函数（link）{
link.addEventListener（“单击”，（e）=>TriggerModel（e.target））
})
函数三基极（el）{
const id=el.getAttribute（'data-id'）；
常量字段=document.querySelector（“#隐藏字段”）；
field.value=id；
//提出模态分析的逻辑
//控制台输入-仅显示隐藏字段正在单击更新其值
console.log（字段）；//显示例如：
}

a{color:blue；}
a+a{左边距：32px}

选项1
选择2

感谢您的快速回复！我知道我真的不需要jQuery，但是因为我已经加载了库来显示模式窗口，我想我还是利用它吧。