使用jquery编辑功能

时间:2013-07-26 12:18:52

标签: javascript-events

我必须使用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)">';

}

1 个答案:

答案 0 :(得分:0)

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