Javascript 2个带有2个提交按钮的下拉框，单击了哪一个？

我有两个同名下拉框，每个下拉框有两个提交按钮

一个显示在页面顶部，另一个显示在底部。两者具有相同的功能（“取消”或“更新”我的表格中的记录）

我有以下代码：

$(div).on('click', '.action-submit', function (e) {
    e.preventDefault();
    var action = $(".action-input");

但是，当我执行以下操作时：

if (action.val() == "")

如果其中一个下拉列表未选中，则检查失败。两者都必须选择

---

如何确定正在使用哪个下拉框？还是我必须给他们单独的名字，每次都检查两个？

如果我正确理解了你的问题，你应该可以使用

e.target

示例实现如下所示：

JS:

HTML:

一个div
另一个部门

---

通过这种方式，您可以检查单击的内容。

请共享jsfiddle如果您从OP保留了委托事件处理，那么您可以使用

$（此）

，简单得多。我个人认为这是不必要的，事件已经保存了所需的信息。是的，但按照这种思路，jQuery也是不必要的。不一定，例如，可以动态创建target-s，在这种情况下，使用

.on（）

更直接。但是我们现在只是在这里吹毛求疵。

.on（）

不能神奇地处理动态创建的元素；毕竟，这只是一个美化了的

addEventListener（）

。

$('div').on('click', function(e) {
    $(e.target).css('background', 'yellow');
});

<div>One div</div>
<div>Another div</div>

var action = $(this);