在 html 文件中显示来自应用程序脚本文件的数组

Question

I have an array of email drafts that I got in apps script.我在应用程序脚本中收到了一系列电子邮件草稿。 I want to show them in a html file in a select element, but it shows up blank when I run it.我想在一个选择元素的 html 文件中显示它们，但是当我运行它时它显示为空白。 Code below下面的代码

code.gs代码.gs

function doGet(e) {
  return HtmlService.createHtmlOutput("index");
}


function doSomething() {

  var drafts = GmailApp.getDrafts();
  var drafty = [];
  for(var i = 0; i < drafts.length; i++){
    drafty.push(drafts[i].getMessage().getSubject());
  }
  Logger.log(drafty);
  return drafty;

  var select = document.getElementById("select"),
      arr = drafty;

  for(var i = 0; i < arr.length; i++)
  {
       var option = document.createElement("OPTION"),
          txt = document.createTextNode(arr[i]);

        option.setAttribute("value", arr[i]);
        option.appendChild(txt);
        document.getElementById("select").appendChild(option);
  }

index.html索引.html

<!DOCTYPE html>
<html>
  <head>
    <script>
      google.script.run.doSomething();
    </script>
  </head>
  <body>
    <select id="select" class="addon-select addon-form-input"></select>
  </body>

Answer 1

Something like this: gs:像这样：gs：

function doSomething() {
  var drafts=GmailApp.getDrafts();
  var drafty=[];
  for(var i=0;i<drafts.length;i++){
    drafty.push(drafts[i].getMessage().getSubject());
  }
  Logger.log(drafty);
  return drafty;
}

html: html：

<!DOCTYPE html>
<html>
  <head>
    <script>
      google.script.run
      .withSuccessHandler(function(A){
        var id='select';
        var select = document.getElementById(id);
        select.options.length = 0; 
        for(var i=0;i<A.length;i++) {
          select.options[i] = new Option(A[i],A[i]);
        }
      })
      .doSomething();
    </script>
  </head>
  <body>
    <select id="select"></select>
  </body>
</html>

在 html 文件中显示来自应用程序脚本文件的数组

问题描述

1 个解决方案

解决方案1
2 已采纳 2020-01-05 22:24:41

在 html 文件中显示来自应用程序脚本文件的数组

问题描述

1 个解决方案

解决方案1 2 已采纳 2020-01-05 22:24:41

解决方案1
2 已采纳 2020-01-05 22:24:41