如何将提交按钮的ID分配给javascript变量

Question

首先发表在Stack上，谢谢。

我有一个具有8种不同形式的网页，提交后，我希望每个人都显示一组存储在JavaScript数组中的不同字符串。 当仅在页面上使用一种形式时，用于显示数组的代码可以很好地工作，但是我无法使其与所有8种形式一起使用。

我已经为每个提交按钮分配了一个id ，并试图在提交时将该ID分配给一个名为“选择按钮”的变量。 “选择按钮”最终对应于适当的数组，但前提是将ID分配给变量。 这是html代码：

<form id="ipsum-form" action="#" method="post">
<input type="submit" class="button" id="corporate" value="And So Forth.." />

和Javascript（我的数组变量和switch语句显然更长）：

var chosen_button = $("#ipsum-form submit").id;
var corporateIpsum = ["corporate jargon", "etc etc"];
switch (chosen_button){
  case "corporate":
  words = corporateIpsum;
  break;
}

这是将提交按钮的ID分配给变量的正确方法吗？ 如果没有（或者这对我想要的东西不起作用），我如何使它工作？

干杯，我希望将来能在这里发布和学习更多内容。

Answer 1

简单：

var chosen_button = $("#ipsum-form [type='submit']")[0].id;

还是普通的js：

document.forms[0].querySelectorAll('input[type="submit"]')[0].id;

Answer 2

尝试var chosen_button = $('#ipsum-form .button').attr('id'); 。 您还可以使用处理程序来获取对象（在某些情况下更有用），例如：

$('#ipsum-form input[type="submit"]').click(function () {
  var chosen_button = $(this).attr('id');
  // more code.
});

编辑：一点点更正确。