jquery - jQuery如何设置向表单添加字段而无需对输入字段进行硬编码？

Question

我有一些具有数据属性的 div，我希望将其作为参数与表单一起发送。如何添加这些数据？一种解决方案是在表单中添加一个隐藏的表单字段，然后使用 jQuery 设置值，但这真的有必要吗？

代码：

<div data-name="egon"></div>

<form action="/some-url">
<input type="text" value="" name="user[age]" />
<input type="submit" value="Submit" />
</form>

示例将数据名称分配给表单：

$("div").click(function(){
 // Add data-name to form as the parameter user[name]
});

1 解决方案，但如果你有很多 div，那就太糟糕了。

    <div data-name="egon"></div>

    <form action="/some-url">
    <input type="hidden" value="" name="user[name]" id="username" />
    <input type="text" value="" name="user[age]" />
    <input type="submit" value="Submit" />
    </form>

$("div").click(function(){
 $("#username").val($("div").data('name');
});

我知道我的例子很糟糕。

Answer 1

您可以像这样使用 div 自定义属性：

// this is div with custom attribute
<div class='demo' mydata='welcome!!'>Welcome</div>

// now I want to get div attribute value then you can try
$(function () {
    var divText = $('.demo').attr('mydata');
    alert(divText);
});

我希望你明白:) 祝你好运！！！