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

을 당신이 이해 :) 행운을 빕니다를 바란다!