Question

我有一个在GoogleScript的HTML服务中创建的表单。我希望用户以这种形式输入一些值。之后，我希望用户按下“提交”按钮并在用户输入下“工作”。

现在我的问题是如何在用户输入的内容上输入用户在HTMLService弹出窗口中的表单。

我已经添加了，并且还向此表单添加了一个提交按钮。但是当我单击此按钮时，没有任何反应。

这是html的代码：

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
  </head>

  <script>

 function formSubmit() {
            google.script.run.Wertezeigen(document.forms[0]);
        }

  </script>


  <body>

<p>Dieses Formular erzeugt ein neues Triage Dokument und speichert es mit den eingegebenen Werten in xyz ab.</p>


<form id="Triage_Template">

<table style="undefined;table-layout: fixed; width: 460px">
<colgroup>
<col style="width: 110px">
<col style="width: 350px">
</colgroup>
  <tr>
    <td>Gebäude:</td>
    <td><input type="text" name="gebaude"></td>
  </tr>
  <tr>
    <td>Prozessbereich:</td>
    <td><input type="text" name="prozessbereich"></td>
  </tr>
  <tr>
    <td>Straße:</td>
    <td><input type="text" name="straße"></td>
  </tr>
  <tr>
    <td>Objekt:</td>
    <td><input type="text" name="objekt"></td>
  </tr>
  <tr>
    <td>Defekt:</td>
    <td><input type="text" name="defekt"></td>
  </tr>
</table><br>


  <input type="button" onClick="formSubmit()" value="Submit" />

</form>


  </body>
</html>

Code.gs中的功能：

function Wertezeigen(form) {

  var vorname_test = form.gebaude;
  alert(vorname_test);
  }

我现在正在尝试的非常简单：我想在表单中显示输入框“ gebaude”的输入，以作为用户单击“提交”时的警报。

Answer 1

您需要为每个表单输入提供唯一的ID：

<input type="text" name="gebaude" id="gebaude">

由于您试图在单击提交后将其显示在HTML页面中，因此请使用return而不是alert：

return form.gebaude;

将表单提交按钮更改为以下代码：

<input type="submit" id="submit" value="Submit" 
        onclick="this.value='Submitting...';
        google.script.run.withSuccessHandler(formSubmitted)
        .Wertezeigen(this.parentNode);
        return false;">
</form>
  <div id="output"></div>

然后在HTML代码结尾之前添加以下脚本：

<script> 
  function formSubmitted(status) {
    document.getElementById('Triage_Template').style.display = 'none';
    document.getElementById('output').innerHTML = status;
  }
</script>

我想用GoogleScript提交HTML服务表单

1 个答案: