javascript - 将 JSON 属性绑定(bind)到表单

Question

我有一个 JSON 对象和一个 <form> .如果 JSON 对象具有名称与表单名称匹配的属性 <input>我希望输入显示此属性的值。有没有使用 JQuery 执行此操作的简单方法？

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

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

有问题的表格看起来像这样:

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

Answer 1

您可以运行一个循环来搜索元素并输入值:

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

对于表单:

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

使用 .field 而不是 input 是为了使用 textarea 和 select