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

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

jQuery如何设置向表单添加字段而不必硬编码输入字段？

1 个答案: