javascript – 将JSON属性绑定到表单

前端之家收集整理的这篇文章主要介绍了javascript – 将JSON属性绑定到表单前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个 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>

解决方法

您可以运行一个循环来搜索元素并输入值:
$.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代替输入是使用textarea并选择

猜你在找的JavaScript相关文章