javascript - 2 个带有 2 个提交按钮的下拉框，点击了哪个？

Question

我有 2 个具有相同名称的下拉框和 2 个提交按钮(每个)

一个出现在页面顶部，另一个出现在页面底部。两者具有相同的功能(我的网格中的“取消”或“更新”记录)

我有这个代码:

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

但是当我做一个:

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

并且其中一个下拉菜单未被选中，因此检查失败。两者都必须选择。

如何确定正在使用哪个下拉框？或者我是否被迫给他们单独的名字并每次都检查？

Answer 1

如果我正确理解了你的问题，你应该可以只使用 e.target。

示例实现如下: Sample Jsfiddle

JS:

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

HTML:

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