查看/编辑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

我认为你可以将表单元素设置为禁用并覆盖标准样式，以便它仍然看起来很正常。