javascript - 在 JavaScript 中获取动态填充表的记录 id

Question

我已将记录添加到包含两个文本框中的值和每行一个按钮的表中。如何获取用户单击的特定按钮的记录号？

<table id="myTable">
</table>  
             
<script>
    
        var table=document.getElementById("myTable");
        var i=0;
        for(i; i<3; i++)
        {
            var row = table.insertRow(i);
        
            var cell0=row.insertCell(0);
            var element0=document.createElement("input");
            element0.type="text";
            element0.value = "Hello : " + i;
            cell0.appendChild(element0);
        
            var cell1=row.insertCell(1);
            var element1=document.createElement("input");
            element1.type="text";
            element1.value = "Welcome : " + i*2;
            cell1.appendChild(element1);
        
            var cell2=row.insertCell(2);
            var element2=document.createElement("input");
            element2.type="button";
            element2.value = "Clcik : " + i*i;
            element2.onclick = function show_id() { alert("Record ID"); }
            cell2.appendChild(element2);
        }
        
</script>

标签： javascripthtml-table

Answer 1

为什么不能使用 anindex来跟踪记录？希望这是您正在寻找的用例。包括更多详细信息，以防您需要除此之外的任何内容。

<table id="myTable">
</table>  
             
<script>
    
        var table=document.getElementById("myTable");
        var i=0;
        for(i; i<3; i++)
        {
            const recordId = i+1;
            var row = table.insertRow(i);
        
            var cell0=row.insertCell(0);
            var element0=document.createElement("input");
            element0.type="text";
            element0.value = "Hello : " + i;
            cell0.appendChild(element0);
        
            var cell1=row.insertCell(1);
            var element1=document.createElement("input");
            element1.type="text";
            element1.value = "Welcome : " + i*2;
            cell1.appendChild(element1);
        
            var cell2=row.insertCell(2);
            var element2=document.createElement("input");
            element2.type="button";
            element2.value = "Clcik : " + i*i;
            element2.onclick = function show_id() { 
            alert("Record ID - " + recordId); 
            }
            cell2.appendChild(element2);
        }
        
</script>