Jquery 如何轻松填写表单字段？

示例ajax表单

<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>

我不想手工用json数据填充表单，例如

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

---

您可以轻松构建一个简单的插件：

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]

另外，您可能需要添加一些代码来正确处理单选按钮

---

用标记检查一个示例。

您可以轻松构建一个简单的插件：

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]

另外，您可能需要添加一些代码来正确处理单选按钮

用标记检查示例