Fatal编程技术网
  • button/
  • Button 在谷歌网站中添加下拉框

Button 在谷歌网站中添加下拉框

button google-apps-script web-applications

Button 在谷歌网站中添加下拉框,button,google-apps-script,web-applications,html-select,google-sites,Button,Google Apps Script,Web Applications,Html Select,Google Sites,我在谷歌表上有一些数据。 如何根据用户请求，通过下拉框提取数据，并在谷歌网站中生成数据。 我面临的挑战 问题1-在谷歌网站中使用下拉框 Prob_2-从谷歌电子表格在谷歌网站中生成动态数据（或表格） 分析1-我做了详细的研究，了解到只有使用第三方插件，我才能制作一个选择框。作为一个新手，需要一些基于此的指导。 没有任何第三方插件是不可能的 Analysis_2-或者是否有任何其他选项可以根据google站点中的选择生成操作。我明白，在谷歌网站上，脚本是不可能的。那么我该如何做一个按钮点击动作呢

我在谷歌表上有一些数据。 如何根据用户请求，通过下拉框提取数据，并在谷歌网站中生成数据。 我面临的挑战

问题1-在谷歌网站中使用下拉框

Prob_2-从谷歌电子表格在谷歌网站中生成动态数据（或表格）

分析1-我做了详细的研究，了解到只有使用第三方插件，我才能制作一个选择框。作为一个新手，需要一些基于此的指导。 没有任何第三方插件是不可能的

Analysis_2-或者是否有任何其他选项可以根据google站点中的选择生成操作。我明白，在谷歌网站上，脚本是不可能的。那么我该如何做一个按钮点击动作呢

我们需要一些指导方针

这是一些javascript代码，用于将选项加载到选择框中

function updateSelect(vA)//array of values that go into the drop down or select box
{
  var select = document.getElementById("sel1");
  select.options.length = 0; 
  for(var i=0;i<vA.length;i++)
  {
    select.options[i] = new Option(vA[i],vA[i]);
  }
}

 <select id="sel1" style="width:125px;height:35px;margin:10px 0 10px 0;">
      <option value="" selected></option>
   </select>

function updateSelect（vA）//进入下拉框或选择框的值数组
{
var select=document.getElementById（“sel1”）；
选择.options.length=0；

对于（var i=0；iwho告诉我，在谷歌网站上不可能使用脚本？你可以创建一个作为Web应用发布的谷歌应用脚本。然后你可以使用iFrame来显示发布的Web应用。请注意，新网站此时可能不支持此功能。在这种情况下，你可以链接并转到新页面。因为Web应用可以使用HTML和CSS，所以你可以e这似乎是网站中的另一个页面。@Ritz:哦！那么我应该如何使用脚本进行动态更改。谷歌网站允许按钮点击操作？@Karl_S:那么在部署为Html的Web应用中可以包含脚本吗？我也不明白这一点-请注意，新网站目前可能不支持此操作。Web应用是用谷歌构建的基于JavaScript的应用程序脚本。有服务器端和客户端脚本可用。有两个版本的Google站点。上次我看的是“新的”网站没有能力嵌入iFrame或脚本。在google脚本中，我们也可以创建它？在脚本标记下是的。今天上午晚些时候，我会给你一个我每天使用的google应用程序脚本程序的完整工作示例，该程序有一个动态下拉列表。这非常有用。我现在有很大的希望。当我尝试时，我得到了这个错误@Cooper-
未找到脚本函数：doGet
我没有创建doGet。我一直在以对话框的形式运行它。看看代码，你会看到。你能在回答中写出显示对话框所需的函数吗

function getSelectOptions()
{
  var ss=SpreadsheetApp.getActive();
  var sh=ss.getSheetByName('Options');
  var rg=sh.getDataRange();
  var vA=rg.getValues();
  var options=[];
  for(var i=0;i<vA.length;i++)
  {
    options.push(vA[i][0]);
  }
  return vA;
}

function showSidebar()
{
  var userInterface=HtmlService.createHtmlOutputFromFile('f');
  SpreadsheetApp.getUi().showModelessDialog(userInterface, 'The Drop Down with No Options now has options.');
}



<!DOCTYPE html>
<html>
  <head>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  <script>
    $(function() {
        $('#txt1').val('');
        google.script.run
          .withSuccessHandler(updateSelect)
          .getSelectOptions();
      });
    function updateSelect(vA)
    {
      var select = document.getElementById("sel1");
      select.options.length = 0; 
      for(var i=0;i<vA.length;i++)
      {
        select.options[i] = new Option(vA[i],vA[i]);
      }
    }
    console.log("My code");
  </script>
  </head>
  <body>
   <select id="sel1" style="width:125px;height:35px;margin:10px 0 10px 0;">
   </select>
 </body>
</html>