查看/編輯html表格

Question

我有一個表單顯示數據，我希望它的行爲像一個html表單，當用戶點擊'編輯'字段將變爲可編輯，並保存表單將被提交。任何指向實現的指針？

Answer 1

試試這個

$(document).ready({ 
    var span_field = ".spn_data" 
    var btn_edit = "#btnedit" 
    var btn_save = "#btnsave" 

    $(btn_edit).click(function(){ 
     $(span_field).each(function(){ 
      $(this).replaceWith("<input type='text' value='" + $(this).html() + "' class='spn_data' />"); 
     }); 
    }); 

    $(btn_save).click(function(){ 
     $(span_field).each(function(){ 
      $(this).replaceWith("<span class='spn_data'>" + $(this).val() + "'</span>"); 
     }); 
     // do save 
    }); 


}); 

Answer 2

我認爲你可以將表單元素設置爲禁用並覆蓋標準樣式，以便它仍然看起來很正常。