在Web应用程序中集成G​​oogle Spreadsheet中的自动完成列表值数组

Question

我正在尝试将自动填充添加到google-sheet webapp中的文本框中，该文本框引用来自工作表特定列的数据。 讨论here同样如此，但那里发布的代码对我不起作用。我尝试过同样的，但遗憾的是它没有用。

调试器显示没有错误。文本框已加载，但未加载标记。 Insteat我只看到一个可用的标签建议，称为“混合”。我不知道这个值来自哪里（我的电子表格中没有这样的东西）。

图片： 这就是结果 - 混合动力从何而来？不知道。

我还尝试了第一种带有固定值的方法（Python等） - 这里也没有用。

我的 Code.gs：

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

<div class="ui-widget">
  <label for="tags">Tags: </label>
  <input id="tags" />
</div>

<script>
// This code in this function runs when the page is loaded.
$(function() {
  google.script.run.withSuccessHandler(buildTagList)
      .getAvailableTags();
});

function buildTagList(availableTags) {
  $( "#tags" ).autocomplete({
    source: availableTags
  });
}
</script>

我的 Autocomplete.html

function doGet() {
  var template = HtmlService
                 .createTemplateFromFile('Autocomplete');

  var htmlOutput = template.evaluate()
                   .setSandboxMode(HtmlService.SandboxMode.NATIVE)
                   .setTitle('jQuery UI Autocomplete - Default functionality');

  return htmlOutput;
}

function getAvailableTags() {
  // In production code, get an array of options by
  // reading a spreadsheet.
  var availableTags = [
    "ActionScript",
    "AppleScript",
    "Asp",
    "BASIC",
    "C",
    "C++",
    "Clojure",
    "COBOL",
    "ColdFusion",
    "Erlang",
    "Fortran",
    "Groovy",
    "Haskell",
    "Java",
    "JavaScript",
    "Lisp",
    "Perl",
    "PHP",
    "Python",
    "Ruby",
    "Scala",
    "Scheme"];

  return( availableTags );
}

- ＆GT;具有固定值的第二个版本 - 相同的结果（混合oO）：

svg { opacity: 0.99; }

欢迎任何帮助！