javascript - 如何在表单对象中包含按钮的值？

Question

我有一个包含多个按钮的表单，在提交表单后，我希望服务器端脚本能够读取所单击的按钮的值。

// someButton is created and appended inside an HTML form element
someButton.name = "foo";
someButton.onclick = function() {
  this.value = "bar";
}

// more code

document.querySelector("button[class='submit']").onclick = function() {
  google.script.run.processForm(document.querySelector("form"));
}

在上面的代码中，someButton 引用的元素嵌套在form 内。另外，它应该很清楚，但是 someButton 是一个任意 button，与 .querySelector() 中的按钮不同。

当我继续使用如下代码从服务器端拆除表单对象时:

function processForm(form) {
  for (var thing in form)
    Logger.log(var + ": " + form[var]);
}

找不到任何按钮。为什么？

Answer 1

按钮值不随表单一起提交。您可以将其作为第二个参数传递给 processForm 方法:

document.querySelector("button[class='submit']").onclick = function() {
  google.script.run.processForm(document.querySelector("form"), document.getElementById("someButton").value);
}

function processForm(form, buttonvalue) {
  Logger.log(buttonvalue);
}