查看/编辑html表单

Question

我有一个显示数据的表单，我希望它表现为html表单，当用户单击“编辑”时，字段将变为可编辑状态，并且在保存时将提交表单。任何指向实现的指针？

Answer 1

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

Answer 2

试试这个

$(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
    });


});