个人中心
gpt4 book ai didi

javascript - 无法将 InputBox 字符串值从 HTML 传递到 Google Apps 脚本

转载 作者：行者123 更新时间：2023-11-30 19:05:57 25 4
gpt4 key购买 nike

我为接收用户输入的 Google 文档创建了一个边栏。我想使用收集到的数据来更新文档中的某些字段，但现在，我只是尝试通过警报在屏幕上显示收集到的数据，以测试我的代码是否正常工作。不幸的是，我被卡住了，不确定自己做错了什么。

我遇到了两个问题，但由于我对应用程序脚本和整体编码的了解有限，我似乎无法解决我的问题。我遇到的问题是，1) 我的 eventListener 可能没有触发，2) 我似乎无法访问从输入框收集的数据。

有人可以帮我解决这个问题吗？几天来我一直在论坛上寻找答案，但同样，我的知识非常有限，所以我可能已经遇到过几次答案，但就是不明白。我正在使用的代码在下面，我的文档的链接是 here .

应用脚本代码:

function onOpen() {
  // Add a custom menu to the document.
  var ui = DocumentApp.getUi(); // Or SpreadsheetApp or SlidesApp or FormApp.
  ui.createMenu('Menu')
      .addItem('Sidebar', 'showSidebar')
      .addToUi();
}

function showSidebar() {
  // Create HTML template from a file
  var html = HtmlService.createHtmlOutputFromFile('userform')
       .setTitle("TEST FORM")
       .setWidth(300);
  DocumentApp.getUi()
       .showSidebar(html);
}


function appendData(data) {
   DocumentApp.getUi().alert(data.f + ' ' + data.l);
}

HTML代码

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
  </head>
  <body>
    <div class="container">
             <div>
                <input id="firstName" type="text" name="firstName" placeholder="Enter first name">
             </div>

             <div>
                <input id="lastName" type="text" name="lastName" placeholder="Enter last name">
             </div>

             <div>
                <input type="button" value="SUBMIT" onClick="submitData();"/>
             </div>
   </div> <!-- End of container div -->

   <script>


   function submitData() { 

      var fName = document.getElementById('firstName').value;
      var lName = document.getElementById('lastName').value;
      var data {
         f: fName,
         l: lName
      };

      google.script.run.appendData(data);
   }
   </script>
  </body>
</html>

最佳答案

试试这个:

function submitData() { 
  var first=document.getElementById('firstname').value;
  var last=document.getElementById('lastname').value;
  var data={f:first,l:last};
  google.script.run.appendData(data);
}

为简单起见，您还可以更改此 <button id="btn">Submit</button>对此 <input type="button" value="Submit" onClick="submitData();" />

关于javascript - 无法将 InputBox 字符串值从 HTML 传递到 Google Apps 脚本，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/58999863/

25 4 0
文章推荐： c - 为什么当我在学期变量中输入正确的值时，我的程序崩溃了？ C
文章推荐： c# - bool LINQ 问题
文章推荐： c - 如何以这种简单的方式做倒装句？
文章推荐： c - for循环辅助+累加
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com