自定义对话框中的按钮不起作用（Google Apps脚本）

Question

I have a custom dialog box with a Next button that is supposed to trigger an alert box to appear. 我有一个自定义对话框，其中有一个Next按钮，可以触发一个警告框出现。 However nothing happens when I click on Next. 但是当我点击Next时没有任何反应。

Code.gs: Code.gs：

function createInvoice() {

  var htmlOutput = HtmlService
      .createHtmlOutputFromFile("CreateInvoice1");

  SpreadsheetApp.getUi().showModalDialog(htmlOutput, "Create New Invoice");

}

CreateInvoice1.html: CreateInvoice1.html：

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
  </head>
  <body>
    <form id="CreateInvoice1form">
     <div class="block form-group">
         <label for="select"> Select Client:</label>
         <select id="select">
           <option value="Cl01">Client 1</option>
           <option value="Cl02">Client 2</option>
         </select>
     </div>
     <br><br> 
     <input type="button" value="Next" onclick="Next1()">
     <input type="button" value="Close" onclick="google.script.host.close()">
   </form> 

   <script>
   function Next1() {
     var selectedClient = document.getElementbyId("select").value;

     SpreadsheetApp.getUi().alert("You are making an invoice for"+selectedClient);
   }
   </script>

  </body>
</html>

Answer 1

Solution (.html) 解决方案（.html）

Placed the script in the head as best practice 将脚本放在头部作为最佳实践
Used correct case as in: getElementById 使用正确的大小写：getElementById
dropped server side object to call the alert prompt 删除服务器端对象以调用警报提示

<head>
   <script>
   function Next1() {
     var selectedClient = document.getElementById("select").value;

     alert("You are making an invoice for"+selectedClient);
   }
   </script>
</head>

自定义对话框中的按钮不起作用（Google Apps脚本）

问题描述

1 个解决方案

解决方案1
0 2019-04-22 09:54:10

自定义对话框中的按钮不起作用（Google Apps脚本）

问题描述

1 个解决方案

解决方案1 0 2019-04-22 09:54:10

解决方案1
0 2019-04-22 09:54:10