时间戳

首页 > 解决方案 > 我想在 GoogleScript 中提交 HTML 服务表单

forms - 我想在 GoogleScript 中提交 HTML 服务表单

问题描述

我在 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”的输入作为警报。

标签： formsgoogle-apps-scriptsubmit

解决方案

您需要给每个表单输入一个唯一的 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>

推荐阅读