在JavaScript/JQuery中获取调用者的ID

Question

我创建了一个AjaxMethod(一种非常通用的方法,我正在做ASP.NET MVC)来获取用户点击的项目的ID,将它们添加到站点购物车中(通过将它们添加到cookie中).问题是我的Ajax方法有一个参数用作ID,所以我创建的按钮的id属性是实际的产品ID,它们的值是Add to Cart.我还创建了一个隐藏的提交按钮,其id 与Ajax方法中的参数名称相同,其值取决于所单击按钮的ID.

Click Button ID --Passed into--> Value of submit button

我的问题是,我想知道有没有办法编写JavaScript/JQuery方法并在按钮中的OnClientCLick中使用它:获取调用者按钮的id,然后将其传递给提交按钮的值.

例如:

// I do not know the ID of the caller
// this method is used like: <button id="1111" OnClientClick="Test()"></button>
function Test() {
    var ID = this.id // this did not work
    $("#SubmitButton").val(ID)
    $("SubmitButton").trigger("click")
}

Answer 1

首先,您的功能存在问题,this实际上并未引用该上下文中的按钮.

您需要定义与标准事件处理程序签名匹配的函数,例如:

function Test(event)

然后你可以从事件对象中获取Element的ID,正如Dmitry在他的回答中所示:

function Test(event) {
    var ID = event.id 
    $("#SubmitButton").val(ID);
    $("SubmitButton").trigger("click");
}

正如您发现的那样,您需要传递event绑定中的值

<button id="1111" OnClick="Test(this);"></button>

或者,您可以使用jQuery使用ID之外的其他内容绑定按钮:

//set it up like this:  <button id="1111" class="SomeClassToIdentifyTheButton"></button>
$(".SomeClassToIdentifyTheButton").click(function(){
    var ID = $(this).attr('id');
    $("#SubmitButton").val(ID);
    $("SubmitButton").trigger("click");
});