Javascript onclick 觸發而無需單擊在循環中使用它

Question

我正在使用 AJAX 來獲取我的數據庫表之一。 我正在嘗試通過在按下按鈕后創建更新表功能來改進它。

success: function(result) {
    for( var i = 0; i < result.length; i++ ) {
        document.getElementById('tableT').innerHTML +=
            "<tr>" +
                "<td>"+result[i]['id']+"</td>" +
                "<td>"+result[i]['terminalId']+"</td>" +
                "<td>"+result[i]['departmentId']+"</td>" +
                "<td>"+result[i]['profileId']+"</td>" +
                "<td>"+result[i]['created']+"</td>" +
                "<td>"+result[i]['modified']+"</td>"+
                "<td>"+"<div style='margin-bottom:10px; text-align: center;'>"+
                "<a class='btn btn-info edit-btn' data-toggle='modal' onclick='"+updApplication(result[i]['id'])+"' data-target='#myModal-44' title='Edit'><i class='fa fa-edit'></i></a>"+
                    "</div>"+"</td>"+
            "</tr>";

    }
},

為什么我什至不按按鈕就收到所有 ID 的警報？

function updApplication(id){
    alert(id);
};

Answer 1

您會收到警報，因為您實際上是在構建標記時調用該函數。

嘗試使用您的函數將onclick定義為字符串。

"onclick=\"updApplication(" + result[i]['id'] + ")\"..."

Answer 2

你在引號中有問題，現在你在每次循環迭代中調用updApplication()函數，你的代碼應該是這樣的：

..data-toggle='modal' onclick='updApplication("+result[i]['id']+")' data-target='#myModa..

希望這可以幫助。