在Google网站中添加下拉框

我在Google工作表中有一些数据。我如何根据用户请求提取数据，并根据下拉框生成Google Site。 iam面临的挑战。在Google网站中添加下拉框

Prob_1-在谷歌网站

Prob_2-使用下拉框生成从谷歌电子表格谷歌网站的动态数据（或表）。分析_1我做了一个详细的研究，并明白只有使用第三方插件，我才能做出选择框。作为一个新视图，需要基于此的一些准则。没有任何第三方插件是不可能的。

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

需要一些指导。

2017-08-22 tony Stark

谁告诉脚本是不可能在谷歌的网站？ – Ritz

您可以创建一个作为Web应用程序发布的Google Apps脚本。然后您使用iFrame显示发布的网络应用程序。请注意，新网站目前可能不支持此功能。在这种情况下，你会链接并进入一个新的页面。由于Web应用程序可以具有HTML和CSS，因此您可以使其看起来像是该网站中的另一个页面。 –

@Ritz：哦！所以我该如何使用脚本进行动态更改。 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]); 
    } 
}

这是选择框的html。

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

对我来说看起来很简单。

这是一个更完整的解决方案。

代码：

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.'); 
}

f.html

<!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>

这里是片命名选项

来源

2017-08-22 23:52:42 Cooper

谷歌脚本里面我们也可以创建这个呢？在脚本标记下 –

是的。我会给你一个完整的谷歌应用程序脚本程序的例子，我每天都会使用，今天晚上有一个动态的下拉菜单。 – Cooper

这非常有帮助。我现在有很大的希望..当我尝试我得到这个错误@Cooper - '脚本功能未找到：doGet' –

在Google网站中添加下拉框

回答

相关问题