javascript - 如何选择控件调用函数

Question

• 我有一个包含许多控件的表单（下拉列表、复选框、单选按钮...）。
• 我的表单是动态创建的，每个表单都有不同的控件。
• 一些控件必须调用函数，
• 我的函数必须声明哪个控件调用它。

我能做些什么？
名称如何控制？
如何管理哪些控件调用或哪些不调用？
我的函数如何知道哪个控件调用了它？

非常感谢。

ps：我不想使用服务器端控件，我只使用客户端站点控件。

Answer 1

假设您正在使用jQuery，将控件动态添加到<div class="controls">.

然后您可以执行以下操作：

$(".controls").on("click", your_function);

在your_function：

function your_function(target){
    //target would be the control which fires `click` event
    //you can assign them different custom attributes
    //like <input mid="123" type="text" />
    //then get this custom attribute(mid)
    var identifier = $(target).attr("mid");
    //distinguish them by different identifier
}

此外，如果它涉及select或file控制，你也应该绑定change事件以使其更兼容。