enlazar propiedades JSON a un formulario

Question

Tengo un objeto JSON y un <form>. Si el objeto JSON tiene una propiedad cuyo nombre coincida con el nombre de un formulario <input>, deseo que la entrada dsiplay el valor de esta propiedad. ¿Hay una manera simple de hacer esto con JQuery?

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

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

El formulario en cuestión se ve algo como:

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

Answer 1

Puede ejecutar un bucle que buscará la Elment y poner el valor:

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

y para la forma:

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

utilizando .field vez de la entrada es de trabajar con área de texto y seleccione

Answer 2

Sí, hay una manera de hacer esto. Echar un vistazo a JQuery templates.

Answer 3

intente esto:

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

creo que es esto lo que quieres;)

Ver ejemplo aquí: http://jsfiddle.net/expertCode/FgwHe/

Answer 4

ya sea usted encuentre todas sus entradas y obtener los nombres de las entradas y comprobar que en ellos están en el JSON algo como: http://jsbin.com/ulelik/edit.

Answer 5

que haría uso de la jQuery Plugin de enlace de datos http://api.jquery.com/link/

Answer 6

¿Quieres decir algo como:

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

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