1

フォームのパラメーターとして送信したいデータ属性を持つ div がいくつかあります。このデータを追加するにはどうすればよいですか? 1 つの解決策は、非表示のフォーム フィールドをフォームに追加し、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');
});

私の例がひどいことはわかっています。

4

1 に答える 1

0

次のように 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);
});

ご理解いただければ幸いです:) がんばってください!!!

于 2013-06-06T06:51:57.190 に答える