2009-12-28 4 views
1

예 아약스 양식양식 필드를 쉽게 채울 수 있습니까?

<form method="post"> 
    <input type="text" name="name" /> 
    <input type="text" name="email" /> 
    <select name="group"> 
    <option value="1">group 1</option> 
    <option value="2">group 2</option> 
    </select> 
    <button type="submit">submit</button> 
</form> 

형태가 아약스 호출을 보여줄 때마다이 전송되고 서버가 나는 지루한 일을하고 싶지 않아

{"name":"john", "email": "[email protected]", "group": 2} 

같은 JSON 객체를 반환 쉽게 그렇게 간단한 플러그인을 만들 수 수동으로 JSON 데이터와 형태, 예를 들어

$('#myform').fillWith(json); 

답변

4

을 작성 :

,
jQuery.fn.fillWith = function(input) { 
    return this.each(function(){ 
    var form = this; 
    $.each(input, function (key, value) { 
     $(form).find('[name='+key+']').val(value); 
    }); 
    }); 
}; 
이 예제의 선택이 모든 요소 ( *[name=foo])을 찾고, 단지에 대한 input, select, textarea 요소를 확인, 속성 선택을 최적화 할 수 있습니다

.

라디오 버튼을 올바르게 처리하려면 코드를 추가해야 할 수도 있습니다.

마크 업으로 예제를 확인하십시오 here.

+0

+1 – munch