Javascript 从GoogleSheet调用单个html表单

我从html表单中填写了一份谷歌电子表格。 函数

processForm

运行良好，所有字段都获得了正确的数据 我的

launchForm

问题正如我所想。 表单将在弹出窗口中打开，但输入不会加载

datalist

元素。不幸的是，我不明白为什么

函数启动表单（）{
var htmlApp=HtmlService
.createHtmlOutFromFile（'索引'）
.setSandboxMode（HtmlService.SandboxMode.IFRAME）
.setWidth（400）
.设置高度（450）；
SpreadsheetApp.getActiveSpreadsheet（）.show（htmlApp）；
}
函数processForm（formObject）{
var url=“链接到数据收集的电子表格”；
var ss=SpreadsheetApp.openByUrl（url）；
var ws=ss.getSheetByName（“列表”）；
var asiaTime=Utilities.formatDate（new Date（），Session.getScriptTimeZone（），“yyyy-MM-dd”）；
var nameParam=[ws.getLastRow（），
formObject.recipe_名称，
formObject.place\u名称，
formObject.servingOrder，
formObject.u名称，
亚洲时间]
ws.appendRow（nameParam）；
}

新配方

配方名
美食
地名

LL4H
LL4T
服务订单
提交
//阻止表单提交。
函数preventFormSubmit（）{
var forms=document.queryselectoral（'form'）；
对于（var i=0；i

• 您想将

  datalist

  放入输入标记

对于这个问题，这个答案如何？我认为您问题的原因是相同的

id

用于输入标记和数据列表标记。那么下面的修改呢

发件人：

致：

及

发件人：

致：

参考：

---

谢谢你的回答，但这对我来说并不适用。当我将其部署为web应用程序时，它会工作。但我想在弹出窗口中填写此表格。你能推荐一下我需要检查什么来修复它吗？@Timogavk谢谢你的回复。我不得不为我糟糕的英语水平道歉。不幸的是，我不能理解

，但它对我不起作用。当我将其部署为web应用程序时，它会工作。但我想在弹出窗口中填写此表单。

。因为在我的环境中，当上述修改反映到您的脚本中时，我可以确认修改后的脚本工作正常。那么我能问一下你目前的情况吗？如果可以，请提供复制当前问题的脚本。我想确认一下。@Timogavk不幸的是，我仍然无法复制弹出窗口中打开的表单，但输入不会加载数据列表元素。从你的回复中。当我的答案中的修改反映出来时，可以为Web应用程序和打开的对话框加载datalist元素。这是因为我的技术差。对此我深表歉意。那么，您能否提供复制脚本所需的资源？如果你能合作解决你的问题，我很高兴。@Timogavk我能问你是否能合作解决你的问题吗？你在这里解决

<input id="cuisine_name" name="cuisine_name" type="text" class="form-control" placeholder="Cuisine Name" list="cuisine_name" required>
<datalist id="cuisine_name">

<input id="cuisine_name" name="cuisine_name" type="text" class="form-control" placeholder="Cuisine Name" list="cuisine_name_datalist" required>
<datalist id="cuisine_name_datalist">

<input id="servingOrder" name="servingOrder" type="text" class="form-control" placeholder="Serving order" list="servingOrder" required>
<datalist id="servingOrder">

<input id="servingOrder" name="servingOrder" type="text" class="form-control" placeholder="Serving order" list="servingOrder_datalist" required>
<datalist id="servingOrder_datalist">