javascript - 每次迭代使用不同参数的 DOM 操作 onclick 函数

Question

我需要做的是通过操作 DOM 创建一个函数“onclick”foreach 按钮生成（从 json 文件）。

它的工作原理是保存在json中的foreach“表单”，有具有特定ID的文本框和一个提交按钮。

Foreach 提交按钮当然有一个“onclick”函数，它知道基于 json 文件从哪个文本框获取值

现在只有最后一个 onclick 函数绑定似乎适用于创建的每个表单

如何使每个 onclick 函数每次迭代都使用不同的参数？

有没有更好的方法在 javascript 或 jquery 中做到这一点？谢谢

这是我使用的大致代码，我认为问题在于“ s.onclick = function () { //DO STUFF }

'''

var json_master = {

//FORM 1
    //TXTBOX 1
    //TXTBOX2
    //BTN SUBTMIT 1

//FORM 1
    //TXTBOX 1
    //TXTBOX2
    //BTN SUBTMIT 1
}

//FOREACH FORM IN json_master

//INSERT TXTBOX

//INSERT SUBMIT
var s = document.createElement("input");
s.type = "submit";
s.value = "Confirm";
s.setAttribute('class', 'btn');

//ADDING ONCLICK FUNCTION TO SUBMIT
s.onclick = function () 
{
    var json_input =
    {
        //NEW JSON USED TO STORE TXTBOX
        //VALUES OF SPECIFIC FORM
    }

    //FOREACH INPUT IN THE FORM
    for (y in json_master[x].input) {

        //ADDING DATA BASED ON TEXT
    }

    $.ajax({
    //SEND JSON BY AJAX TO CONTROLLER
    });

}

'''

标签： javascriptjquerydom