【发布时间】:2017-12-27 02:02:28
【问题描述】:
我想在电子表格中搜索数据并将结果显示到 HTML 网页。
我的问题:网页上没有显示任何结果。
我的策略:
- 数据库以电子表格的形式保存在 Google Drive 上。
- 网页访问者在文本框中输入字符串并点击搜索按钮。
- 在
Column A中搜索字符串并返回同一行的数据。 - 将网页(同一页)中该行的结果数据作为表格。
function doGet() {
return HtmlService.createTemplateFromFile('index').evaluate();
var searchString = document.getElementById('searchString').value;
}
function onOpen() {
var ss = SpreadsheetApp.getActiveSpreadsheet();
var menuEntries = [ {name: "Search", functionName: "onSearch"} ];
ss.addMenu("Commands", menuEntries);
}
function onSearch() {
var searchString = function doGet() {
document.getElementById('searchString').value;
}
var sheetActive = SpreadsheetApp.openById("1MQVrQ7fmkitP-KNvv9m17Yi0ykGWgF5UjrVh5yCP8RE");
var sheet = sheetActive.getSheetByName("Sheet1");
var column =1; //column Index
var columnValues = sheet.getRange(2, column, sheet.getLastRow()).getValues(); //1st is header row
var searchResult = columnValues.findIndex(searchString); //Row Index - 2
if(searchResult != -1)
{
//searchResult + 2 is row index.
SpreadsheetApp.getActiveSpreadsheet().setActiveRange(sheet.getRange(searchResult + 2, 1));
document.getElementById("searchResult").innerHTML = searchResult;
}
}
Array.prototype.findIndex = function(search){
if(search == "") return false;
for (var i=0; i<this.length; i++)
if (this[i] == search) return i;
return -1;
}
<!DOCTYPE html>
<html>
<head>
<base target="_top">
</head>
<body>
<input type="text" id="searchString" name="searchString" />
<script>
google.script.run.doGet();
google.script.run.onOpen();
</script>
<a href="javascript: onSearch();">Search</a>
<div id="searchResult"></div>
</body>
</html>
【问题讨论】:
-
控制台中的内容是什么?
标签: javascript html google-apps-script google-sheets