スプレッドシートをDB的に活用したいのです。
index.htmlの[selectindex]に値を入れて検索し、その結果を[text1],[text2]に表示したいのですが、なかなか思うように動作しません。
どなたかお力添えをいただければ助かります。
コード.gs
function doGet() {
var tpl = HtmlService.createTemplateFromFile('index.html');
return tpl.evaluate();
}
function SelectData( form ) {
var SPREAD_ID = '1j5TH87Wv9Uz8KpQXXXXXXXXXXXXXXXXXXXXX5ZJKg';
var SHEET_NAME = 'シート1';
ss = SpreadsheetApp.openById(SPREAD_ID); //スプレッド取得
sheet = ss.getSheetByName(SHEET_NAME); //シート取得
Logger.log(ss);
//1行目1列から30行目1列まで順次確認
for(var i = 1;i < 20;i++){
var val = sheet.getRange(i, 1).getValue();
if ( val == form.selectindex ) {
//2列目の値を返す
return sheet.getRange(i, 2).getValue();
return sheet.getRange(i, 3).getValue();
var data1=sheet.getRange(i, 2).getValue();
var date2=sheet.getRange(i, 3).getValue();
}
}
//検索結果が無い場合
return "not found";
}
index.html
<!DOCTYPE html>
<html>
<head>
<title>スプレッド読込みテスト</title>
<!--クライアントスクリプト-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>
$(function() {
$('#edit input[type="submit"]').click(function(e) {
e.preventDefault();
google.script.run.withSuccessHandler(eventEnd).SelectData(this.parentNode);
});
});
// SelectData() が完了したら呼び出される
function eventEnd( serverResult ) {
//Msgを表示させる
//window.confirm(serverResult);
document.form1.text1.value=(serverResult);
}
</script>
</head>
<!--本体-->
<body>
<div id="edit">
<form name="form1">
<input id="selectindex" name="selectindex" type="text" value="" ><br>
<input id="selectindex" name="text1" type="text" value="" >
<input id="selectindex" name="text2" type="text" value="" >
<input id="submitbutton" name="submitbutton" type="submit" value="スプレッド内容表示" >
</form>
</div>
</body>
</html>