2

我想知道如果您已经序列化了表单，是否有一种简单的方法来填充表单？例如，如果我有var form = $('#myform').serialize()，我应该如何将该数据加载到表单中？是否有可用的 jquery 函数或者我应该手动设置表单中的所有值？

示例表格：

<form id="myform">
    <input type="text" name="first_name"/>
    <input type="text" name="last_name"/>
    <select name="gender">
        <option val=""></option>
        <option val="male">Male</option>
        <option val="female">Female</option>
    </select>
</form>

因此，我正在寻找一种快速简便的方法来使用序列化数据重新填充相同的空白表单。

4

2 回答 2

3

尽管@Johan 的回答非常好，但到目前为止对我来说最好的解决方案是 formParams。我将表单转换为 json 对象$('#myform').serializeArray()，然后通过 ajax 将其发布到脚本，将其保存在数据库中。当我不得不重新填充表单时，我只是使用 ajax 请求来获取 json 存储的表单数据并将其与$('#myForm').formParams().

我想知道为什么jquery没有在框架中实现这样的功能......

于 2013-01-23T00:06:26.587 回答
1

使用下面的代码片段，但将其更改为使用 id/class 而不是每个元素的 name 属性。

$.fn.serializeObject = function()
{
   var o = {};
   var a = this.serializeArray();
   $.each(a, function() {
       if (o[this.name]) {
           if (!o[this.name].push) {
               o[this.name] = [o[this.name]];
           }
           o[this.name].push(this.value || '');
       } else {
       o[this.name] = this.value || '';
       }
    });
   return o;
};

当您将表单数据保存在键值对中时，您可以简单地遍历对象数组并映射值。一些伪代码：

$.each(arr, function(k, v){
    $('#newform .' + key).val(v);
});
于 2013-01-18T20:16:44.793 回答