jquery問題從div複製數據到輸入文本

我正在就地編輯表單。我有兩個div，其中一個保存顯示元素，另一個保存輸入表單。jquery問題從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>

來源

2012-04-10 Irfan Mulic

難道您只張貼相關的代碼？ – Starx 2012-04-10 11:17:00

清理完畢。基本上，當你點擊editLink按鈕時，它將從編輯更改爲保存，反之亦然。取決於字段的文本，它會將數據從div複製到輸入元素，我的問題是在表單被序列化時保存代碼的一部分，輸入的val（）不會持久？ – 2012-04-10 11:25:27

問題是.serializeObject()這是報告的螢火蟲爲未定義。

這裏是您的解決方案

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

Check here

來源

2012-04-10 11:31:28 Starx

jquery問題從div複製數據到輸入文本

回答

相關問題