Javascript 通过多个视图中的应用程序脚本在图纸中追加行

Javascript 通过多个视图中的应用程序脚本在图纸中追加行,javascript,html,google-apps-script,google-sheets,web-applications,Javascript,Html,Google Apps Script,Google Sheets,Web Applications,我正在使用Google Apps脚本创建一个web应用程序。所以这个应用程序基本上是通过收集各种参数来向用户发送报价。部署有3个视图。第一个要求电子邮件和植物类型。第二个视图要求提供4个参数。第三个视图显示了在服务器端进行一些处理后的建议以及其他2个输入 问题是我必须在第三个视图上单击submit按钮后追加一行。这样,在我链接的google工作表中创建一个新行,作为一个数据库,包含来自用户的所有输入。当有1个视图时,脚本运行正常。但是,当我创建了3个视图时,它现在并没有在google表单中添加新

我正在使用Google Apps脚本创建一个web应用程序。所以这个应用程序基本上是通过收集各种参数来向用户发送报价。部署有3个视图。第一个要求电子邮件和植物类型。第二个视图要求提供4个参数。第三个视图显示了在服务器端进行一些处理后的建议以及其他2个输入
问题是我必须在第三个视图上单击submit按钮后追加一行。这样,在我链接的google工作表中创建一个新行,作为一个数据库,包含来自用户的所有输入。当有1个视图时,脚本运行正常。但是,当我创建了3个视图时,它现在并没有在google表单中添加新行。
对象“Info”是我存储用户输入信息的地方。 以下是脚本:

<script>

  document.addEventListener('DOMContentLoaded', function() {
    var elems = document.querySelectorAll('select');
    var instances = M.FormSelect.init(elems);
  });
  var Info = {};
  
  document.getElementById("btn1").addEventListener("click",dothis);
      
  function dothis(){

    Info.email = document.getElementById("email").value;
    Info.ptype = document.getElementById("ptype").value;

    }
  document.getElementById("btn2").addEventListener("click",thenthis);

  function thenthis(){
     
    Info.quantity = document.getElementById("quantity").value;
    Info.hotwt = document.getElementById("hotwt").value;
    Info.coldwt = document.getElementById("coldwt").value;
    Info.wetbt = document.getElementById("wetbt").value;

  }

  document.getElementById("submit").addEventListener("click",andthenthis);
  
  function andthenthis(){

    Info.recomcell = document.getElementById("recomcell").value;
    Info.prefercells = document.getElementById("prefercells").value;
    Info.coc = document.getElementById("coc").value;
        
    google.script.run.UserClicked(Info);
        
    document.getElementById("recomcell").value = "";
    M.updateTextFields();

    var mycoc = document.getElementById("coc");
    mycoc.selectedIndex = 0;
    M.FormSelect.init(mycoc);
    var myprefercells = document.getElementById("prefercells");
    myprefercells.selectedIndex = 0;
    M.FormSelect.init(myprefercells);
  }

  </script>

问题出在哪里?不确定3视图是什么意思,但在每个函数中实现日志以查看它们是否被正确调用将有助于缩小问题范围。
function UserClicked(Info){

    var ss = SpreadsheetApp.openByUrl(url);
    var ws = ss.getSheetByName("Database");

    ws.appendRow([Info.email,Info.ptype,Info.quantity,Info.hotwt,Info.coldwt,Info.wetbt,Info.recomcell,Info.prefercells,Info.coc,new Date()]);
     
}