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 。

示例实现如下： 示例Jsfiddle

JS：

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

HTML：

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

Answer 2

var action = $(this);

这样，您可以检查单击的内容。