보기/편집 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

나는 정상적으로 보일 수 있도록 표준 스타일링을 비활성화하고 덮어 쓰도록 양식 요소를 설정할 수 있다고 생각합니다.