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]
});

一个解决方案，但如果你有很多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);
});

我希望你能理解:)祝你好运!!