Question

我使用html页面在Google脚本中创建了一个表单，然后调用javascript函数as documented here。当我运行应用程序时，表单加载正常，但它不会执行脚本。我怎样才能做到这一点？

以下是我正在尝试做的一个例子：

<html>
  <!--Create Sign Out Form-->
  <form id="signOut">

    <div>
      Destination: 
      <select name="destination">
        <option value="lunch">Lunch</option>
        <option value="meeting">Client Meeting</option>
        <option value="vacation">Vacation</option>
        <option value="sick">Out Sick</option>
        <option value="personal">Personal</option>
        <option value="home">Working from Home</option>
        <option value="scedule">Reduced Schedule</option>
      </select>
    </div>

    <div>
      Supervisor: 
      <select name="supervisor" onselect="google.script.run.withUserObject(this.parentNode).populate(destination)"></select>
    </div>

    <div>
      Start Date: 
      <input type="date" name="startDate" onselect="google.script.run.withUserObject(this.parentNode).SignOutLibrary.dateSelect()"/>
    </div>

    <div>
      End Date: 
      <input type="date" name="endDate" onselect="google.script.run.withUserObject(this.parentNode).SignOutLibrary.dateSelect()"/>
    </div>

    <div>
      Details: 
      <textarea type="text" name="details" style="width: 150px; height: 75px;"></textarea>
    </div>

    <div>
      <input type="button" value="Submit"
        onclick="google.script.run
             .sendRequest(this.parentNode)"/>
    </div>
  </form>
</html>

它应该调用的脚本：

function doGet() {
  // Uses html form
  return HtmlService.createHtmlOutputFromFile('request_form');
}

SignOutLibrary：

function dateSelect() {
  var app = UiApp.createApplication();
  var handler = app.createServerHandler("change");
  var date = app.createDatePicker().setPixelSize(150, 150).addValueChangeHandler(handler).setId("date");
  app.add(date);
  return app;
}

function change(eventInfo) {
  var app = UiApp.getActiveApplication();
  app.add(eventInfo.parameter.date);
  return app;
}

Answer 1

尝试使用this.form

更改代码中的所有this.parentNode

我很快查看了文档并且可能会工作，抱歉但我现在无法测试我的答案

Answer 2

你没有显示populate() - 希望你有这样的功能。如果您这样做，那么您的下一个任务就是找到一种方法来获取您作为参数传递的destination值。目前的形式，它是未定义的。请参阅Get selected value in dropdown list using JavaScript?。

您无法使用脚本运行器直接调用库函数，请参阅Private Functions上的位。您需要将中间函数添加到“本地”gs以与SignOutLibrary.dateSelect()等库函数进行交互。

该库使用UiApp，而其余代码使用Html服务。选择一个或另一个，因为你不能像这样混合它们。

Google表格脚本＆amp; HTML不会执行被调用的脚本

2 个答案: