如何在表单对象中包含按钮的值？答案

【问题标题】：How can I include the value of a button in a form object?如何在表单对象中包含按钮的值？
【发布时间】：2017-02-27 10:56:43
【问题描述】：

我有一个带有多个按钮的表单，并且在提交表单后，我希望服务器端脚本能够读取被点击的按钮的值。

// 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]);
}

在任何地方都找不到任何按钮。为什么？

【问题讨论】：

标签： javascript forms google-apps-script

【解决方案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);
}

【讨论】：