0

我正在为表单进行就地编辑。我有两个 div，其中一个包含显示元素，另一个包含输入表单。

当您单击编辑数据时，会从显示 div 移动到输入表单。当我使用 val(text) 时，我看到了变化，但是当我将表单序列化为 json 元素时是旧的。

我需要一些帮助来了解这里的问题是什么？

这是一些代码：

function editForm2(){
    $("#editLink").click(function() {
        if (this.text == 'Edit') {
            console.log('editing');
            $("#display div.edit").each(function(i) {
                var e = $("#input :input")[i];
                $(e).val($(this).text());
            });
            $("#display").hide();
            $("#input").show();
            $(this).text('Save');
        }
        else if (this.text =='Save') {
            // problem is here... When I serialize the form I got nothing ?!
            console.log('saving');
            console.log($("#form1 :input")); // old values

            var json_form = $('#form1').serializeObject();
            console.log(json_form); // old values?
            $(this).text('Edit');

            $("#display").show();
            $("#input").hide();
        }
    });

    console.log(this);
}

$(document).ready(function() {
    editForm2();
});​

这是html

<div class="editSection" id="display" >
    <div id="person_firstName" class="edit" width="200">
        Hello
    </div>
    <div id="person_lastName" class="edit">
        World
    </div>
</div>

<div class="editSectionEdit" id="input" >
    <form id="form1">
        <input name="person_firstName_in" type="text" class="edit" value="123" >
        <input name="person_lastName_in" type="text" class="edit" value="456" >
    </form>
</div><br/>

<div id="buttons">
    <a href="#" id="editLink">Edit</a>
    <a href="#" id="cancelLink">Cancel</a>
</div><br>

<pre id="result"></pre>
4

1 回答 1

1

问题是.serializeObject()萤火虫报告为未定义。

这是您的解决方案

var json_form = $('#form1').serialize();

在这里检查

于 2012-04-10T11:31:28.563 回答