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

Question

堆栈上的第一个 post，在此先感谢。

我的网页有 8 种不同的形式，在提交时，我希望每个形式都显示一组不同的字符串，这些字符串我存储在 JavaScript 数组中。显示数组的代码在页面上仅用于一个表单时工作正常，但我无法让它与所有 8 个表单一起使用。

我已经为每个提交按钮分配了一个 id，并试图在提交时将该 ID 分配给一个名为 "chosen button" 的变量。 "chosen button" 最终对应于适当的数组，但前提是将 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 分配给变量的正确方法吗？如果不是（或者如果这对我想要的不起作用），我怎样才能让它起作用？

干杯，我期待着将来 post 在这里学习更多知识。

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.
});

编辑：更正确一点。

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

How can I assign a submit button's id to a javascript variable

javascript

forms

jquery