通过onclick事件将多个参数传递给JavaScript函数

时间:2019-05-13 13:39:08

标签: javascript html

我已经使用Jquery的DataTable库呈现了一个表。在此数据表中,我使用调用javascript函数的onclick事件呈现了超链接锚点。我需要将多个参数传递给这些函数。

我能够将一个参数传递给函数,但无法将变量作为两个单独的参数传递。参见下面的代码。例如,emailGuest函数中的GuestID参数的值同时包含GuestID和电子邮件,例如84a09eeb-9d8d-43cb-9719-e597fc5ad215,someone @ site.com *

DataTable超链接呈现部分

                    data: null, render: function (data, type, row )
                    {
                        return "<a href='#' class='btn btn-danger' onclick= DeleteData('" + row.id + "'); >Delete</a>";
                    }
                },
                {
                    data: null, render: function (data, type, row) {
                        return "<a href='#' class='btn  btn-default' onclick= emailGuest('" + row.id + ',' + row.email + "'); >Email</a>";
                    }
                },
            ]

        });
    });

电子邮件访客功能

   function emailGuest(GuestID,email) {
        $('#GuestEmail').modal('show');
        document.getElementById("emailID").value = GuestID;

        document.getElementById("emailAddress").value = email;

    }

1 个答案:

答案 0 :(得分:1)

您的代码段将两个变量都写在一个变量中,因为您错过了其中的一些'', '更改为"', '"):

              data: null, render: function (data, type, row )
                {
                    return "<a href='#' class='btn btn-danger' onclick= DeleteData('" + row.id + "'); >Delete</a>";
                }
            },
            {
                data: null, render: function (data, type, row) {
                    return "<a href='#' class='btn  btn-default' onclick= emailGuest('" + row.id + "', '" + row.email + "'); >Email</a>";
                }
            },
        ]

    });
});