liên kết các thuộc tính JSON với một biểu mẫu

Question

Tôi có đối tượng JSON và <form>. Nếu đối tượng JSON có thuộc tính có tên khớp với tên của biểu mẫu <input> Tôi muốn đầu vào để dsiplay giá trị của thuộc tính này. Có một cách đơn giản để làm điều này với JQuery?

var json = {foo: 'foo', bar: 'bar}; 
def form = $('#myform'); 

// something magical that assigns JSON property values to form inputs with matching names 

Các hình thức trong câu hỏi trông giống như sau:

<form id = "#myform" action="/foo/bar/"> 
    <input name="foo"/> 
    <input name="bar"/> 
</form> 

Answer 1

Bạn có thể chạy một vòng lặp mà sẽ tìm kiếm các elment và đặt giá trị:

 $.each(json,function(key,value) { 
      form.find("input[name='"+key+"']").val(value); 
     }); 

và cho hình thức:

<form id="myform"> 
    <input type="text" name="foo" /> 
    <input type="text" name="other" /> 
</form> 

sử dụng .field thay vì đầu vào là làm việc với văn bản và chọn

Answer 2

Vâng, có một cách để làm điều này. Hãy nhìn vào JQuery templates.

Answer 3

hãy thử điều này:

var json = {foo: 'foo1', bar: 'bar1'}; 

for(var key in json) { 
    if($('#myform input[name="'+key+'"]').length > 0){ 
     $('#myform input[name="'+key+'"]').attr('value',json[key]); 
    } 
} 

Tôi nghĩ đó là này những gì bạn muốn;)

Xem ví dụ ở đây: http://jsfiddle.net/expertCode/FgwHe/

Answer 4

hoặc là bạn tìm thấy tất cả các đầu vào của bạn và nhận được những cái tên đầu vào và kiểm tra xem chúng trong họ đang có trong một cái gì đó json như: http://jsbin.com/ulelik/edit.

Answer 5

tôi muốn sử dụng jQuery Data Link Plugin http://api.jquery.com/link/

Answer 6

Bạn có nghĩa là một cái gì đó như:

var json = {foo: 'foo', bar: 'bar}; 
def form = $('#myform'); 

for(var prop in json){ 
    $("#myform input[name="+prop+"]")[0].value = json[prop]; 
}