Click here to Skip to main content
15,892,537 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
Not able to save after editing in the same row it resets please tell where I'm wrong
JavaScript
<pre>function edit(no) {
    var n = document.getElementById("namerow" + no);
    document.getElementById("input1").value = n.innerHTML;
    var names = document.getElementById("input1").value;
    var btn = document.createElement("BUTTON");   
    btn.innerHTML = "Save";
    document.form.appendChild(btn);
    btn.onclick = function () {
        this.save();
    }
}
function save() {
    var nam = document.getElementById("input1").value;
    n.innerHTML = nam;
    
}
function AddRow() {
    debugger;
        var name = document.form.uName.value;
        var lname = document.form.lName.value;
        var mob = document.form.mob.value;
        var email = document.form.email.value;
        var pas = document.form.pass.value;
        var addr = document.form.address.value;
        var gend = document.form.gridRadios.value;
        var obj = { "uName": name, "lastname": lname, "number": mob, "id": email, "password": pas, "address": addr, "gender": gend };
        var table = document.getElementById("tab");
        var tableLength = table.rows.length;
    var row = table.insertRow(tableLength);
    table.insertRow(tableLength).outerHTML = `<tr id='row${tableLength}'><td>${tableLength / 2 + 0.5}</td><td id='namerow${tableLength}'>${obj.uName}</td><td>${obj.lastname}</td><td>${obj.id}</td><td>${obj.number}</td><td>${obj.gender}</td><td>${obj.address}</td><td><button id='but(${tableLength})'type="button" onclick='edit(${tableLength})'>EDIT</button>   <button value="delete" onclick='delet(${tableLength})'; type="button">DELETE</button></td></tr>`
        document.form.uName.value = "";
        document.form.lName.value = "";
        document.form.mob.value = "";
        document.form.email.value = "";
        document.form.pass.value = "";
        document.form.address.value = "";
        document.form.gridRadios[0].checked = false;
    document.form.gridRadios[1].checked = false;
        
    }



What I have tried:

Please help this is what i tried
Posted
Comments
SeeSharp2 18-Jun-21 10:09am    
In your Save method, n does not mean anything and the Save does not do anything.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
Top Experts
Last 24hrsThis month


CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900