使用Phonegap中的Jquery提交动态编辑表单

Question

我正在使用phonegap，jQuery（1.9.1）和jQuery Mobile（1.3.1）构建Android应用程序。使用Ripple扩展。

我在提交编辑记录表时遇到问题。

这是场景; 当应用程序第一次启动时，我转到编辑记录表单，正确提交新值，将名称John更改为Phil。但是，如果再次返回编辑表单并更新表单，则记录不会更新，名称Phil不会更改为Michael。

控制台在javascript变量中显示相同的旧值。叫菲尔而不是迈克尔。 这是我的代码。

function editFormWithRecord(tx, result) {
    keeperRecord = result.rows.item(0);
    $page = $('<div data-role="page" data-theme="b" id="editKeeperForm">
               <div data-role="header" data-theme="b">Edit Form</div>
               <div data-role="content">
               <form method="POST" action="editKeeperForm" id="editKeeper"
    onsubmit="editForm(' + keeperRecord.fld_id + ')" data-ajax="false" >
                 <input type="text" name="name2" id="name" placeholder="Name" 
    value="' + keeperRecord.fld_keeperName + '">
                 <input type="submit" id="save"  value="Save">
               </form>
                 </div> <!-- content -->');
    $page.appendTo($.mobile.pageContainer);
    $page.page();
    $.mobile.changePage($page);
}

function editForm(id) {
    //This shows me nothing in console, just a blank line.
    console.log($("#name").val());
    //So I use
    console.log($("#editKeeper").find("#name").val());
}   

非常感谢任何帮助。