javascript 使用jQuery编辑功能

xvw2m8pv  于 2023-03-21  发布在  Java
关注(0)|答案(1)|浏览(98)

我必须使用JavaScript在动态生成的行中进行编辑和删除功能。我坚持使用编辑功能。虽然我已经搜索过了,但它可以完成,但使用的是PHP。我不需要PHP。有人能告诉我如何以简单的方式实现吗?
我得到了这样的东西:
<-----JS---------->

function Edit(){
        $('#edit').editable();
    }

但不知道如何实施。
动态生成行的代码

function addRow() {
                    
var myName = document.getElementById("name");
    var age = document.getElementById("age");             
    var table = document.getElementById("myTableData");        
    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);
      
    row.insertCell(0).innerHTML=myName.value;        
    row.insertCell(1).innerHTML= age.value;
    row.insertCell(2).innerHTML= '<input type="button" value = "Delete" onClick="Javacsript:deleteRow(this)">';
    //row.insertCell(3).innerHTML= '<input type="button" value = "Edit" onClick="Edit();" id="edit">';
    //row.insertCell(4).innerHTML= '<input type="button" value = "Update" onClick="Javacsript:editRow(this)">';
  
}
yk9xbfzb

yk9xbfzb1#

function Edit(){
    $('#edit').attr('contenteditable','true');
}

相关问题