質問編集履歴
3
不要な文言(デフォルトで入っていた文章)を削除させていただきました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -1,5 +1,3 @@
|
|
1
|
-
### ヘディングのテキスト### 前提・実現したいこと
|
2
|
-
|
3
1
|
GASにてHTML内のテキストボックスに店コードを入れて、スプレッドシートに記載されている
|
4
2
|
|
5
3
|
内容から検索・その抽出結果をHTMLへ全て表示させたいです。
|
@@ -20,8 +18,6 @@
|
|
20
18
|
|
21
19
|
|
22
20
|
|
23
|
-
### 発生している問題・エラーメッセージ
|
24
|
-
|
25
21
|
|
26
22
|
|
27
23
|
【データ.gs】
|
@@ -176,7 +172,7 @@
|
|
176
172
|
|
177
173
|
|
178
174
|
|
179
|
-
|
175
|
+
|
180
176
|
|
181
177
|
上記のソースですと、該当するものが一つ(一行分)しか抽出・HTMLへ表示できません。
|
182
178
|
|
2
整形しました。宜しくお願いします。
test
CHANGED
File without changes
|
test
CHANGED
@@ -24,9 +24,9 @@
|
|
24
24
|
|
25
25
|
|
26
26
|
|
27
|
-
|
27
|
+
【データ.gs】
|
28
|
+
|
28
|
-
|
29
|
+
```
|
29
|
-
|
30
30
|
|
31
31
|
var sheet = SpreadsheetApp.getActive().getSheetByName('発注案内');
|
32
32
|
|
@@ -78,9 +78,7 @@
|
|
78
78
|
|
79
79
|
}
|
80
80
|
|
81
|
-
|
82
|
-
|
83
|
-
|
81
|
+
```
|
84
82
|
|
85
83
|
|
86
84
|
|
1
すみません。。ソースコード(HTML)を「```」で囲わせていただきました。ただ、見よう見まねなので不備が多々あるかと思いますがアドバイスいただけますと助かります。
test
CHANGED
File without changes
|
test
CHANGED
@@ -86,120 +86,96 @@
|
|
86
86
|
|
87
87
|
【index.html】
|
88
88
|
|
89
|
+
```
|
90
|
+
|
89
91
|
<!DOCTYPE html>
|
90
92
|
|
91
93
|
<html lang="ja">
|
92
94
|
|
93
95
|
<head>
|
94
96
|
|
95
|
-
<title>スプレッド読込みテスト</title>
|
97
|
+
<title>スプレッド読込みテスト</title>
|
96
|
-
|
98
|
+
|
97
|
-
<!--クライアントスクリプト-->
|
99
|
+
<!--クライアントスクリプト-->
|
98
|
-
|
100
|
+
|
99
|
-
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
|
101
|
+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
|
100
|
-
|
102
|
+
|
101
|
-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
103
|
+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
|
102
|
-
|
104
|
+
|
103
|
-
<script>
|
105
|
+
<script>
|
104
|
-
|
106
|
+
|
105
|
-
var service = null;
|
107
|
+
var service = null;
|
106
|
-
|
108
|
+
|
107
|
-
$(function() {
|
109
|
+
$(function() {
|
108
|
-
|
110
|
+
|
109
|
-
$('#service').change(function() {
|
111
|
+
$('#service').change(function() {
|
110
|
-
|
112
|
+
|
111
|
-
service = $(this).val();
|
113
|
+
service = $(this).val();
|
112
|
-
|
114
|
+
|
113
|
-
}).change();
|
115
|
+
}).change();
|
114
|
-
|
116
|
+
|
115
|
-
});
|
117
|
+
});
|
116
|
-
|
117
|
-
|
118
|
-
|
118
|
+
|
119
|
+
|
120
|
+
|
119
|
-
function dispLoginData(loginData) { // スプレッドシートから取得した情報を元にテーブルを構成
|
121
|
+
function dispLoginData(loginData) { // スプレッドシートから取得した情報を元にテーブルを構成
|
120
|
-
|
122
|
+
|
121
|
-
var td = '';
|
123
|
+
var td = '';
|
122
|
-
|
124
|
+
|
123
|
-
for (var i in loginData) {
|
125
|
+
for (var i in loginData) {
|
124
|
-
|
126
|
+
|
125
|
-
td += '<td>' + loginData[i] + '</td>';
|
127
|
+
td += '<td>' + loginData[i] + '</td>';
|
126
|
-
|
128
|
+
|
127
|
-
}
|
129
|
+
}
|
128
|
-
|
130
|
+
|
129
|
-
$('#loginTr').html(td);
|
131
|
+
$('#loginTr').html(td);
|
130
|
-
|
132
|
+
|
131
|
-
}
|
133
|
+
}
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
134
|
+
|
137
|
-
</script>
|
135
|
+
</script>
|
138
136
|
|
139
137
|
</head>
|
140
138
|
|
141
139
|
<!--本体-->
|
142
140
|
|
143
|
-
<body>
|
141
|
+
<body>
|
144
|
-
|
142
|
+
|
145
|
-
<div id="container">
|
143
|
+
<div id="container">
|
146
|
-
|
144
|
+
|
147
|
-
|
145
|
+
<h2>発注案内</h2>
|
148
|
-
|
146
|
+
|
149
|
-
|
147
|
+
<div class="form-inline text-center">
|
148
|
+
|
150
|
-
|
149
|
+
<div class="form-group"> <label for="namae">店コード:</label> <input type="text" id="service" name="service" size="30" maxlength="5"> </div>
|
150
|
+
|
151
|
+
<div class="form-group"> <input type="button" class="btn btn-success" value="照会" onclick="google.script.run.withSuccessHandler(dispLoginData).getLoginData(service)"> </div>
|
152
|
+
|
153
|
+
</div> <br>
|
154
|
+
|
151
|
-
|
155
|
+
<table class="table table-bordered table-striped">
|
156
|
+
|
152
|
-
|
157
|
+
<tr>
|
158
|
+
|
153
|
-
|
159
|
+
<th>店コード</th>
|
160
|
+
|
154
|
-
|
161
|
+
<th>店舗名</th>
|
162
|
+
|
163
|
+
<th>入荷数</th>
|
164
|
+
|
165
|
+
</tr>
|
166
|
+
|
155
|
-
<
|
167
|
+
<tr id="loginTr"> </tr>
|
156
|
-
|
168
|
+
|
157
|
-
|
169
|
+
</table>
|
158
|
-
|
170
|
+
|
159
|
-
|
171
|
+
</div>
|
160
|
-
|
161
|
-
<div class="form-group">
|
162
|
-
|
163
|
-
<input type="button" class="btn btn-success" value="照会"
|
164
|
-
|
165
|
-
onclick="google.script.run.withSuccessHandler(dispLoginData).getLoginData(service)">
|
166
|
-
|
167
|
-
</div>
|
168
|
-
|
169
|
-
</div>
|
170
|
-
|
171
|
-
<br>
|
172
|
-
|
173
|
-
<table class="table table-bordered table-striped">
|
174
|
-
|
175
|
-
<tr>
|
176
|
-
|
177
|
-
<th>店コード</th>
|
178
|
-
|
179
|
-
<th>店舗名</th>
|
180
|
-
|
181
|
-
<th>入荷数</th>
|
182
|
-
|
183
|
-
</tr>
|
184
|
-
|
185
|
-
<tr id="loginTr">
|
186
|
-
|
187
|
-
</tr>
|
188
|
-
|
189
|
-
</table>
|
190
|
-
|
191
|
-
|
192
|
-
|
193
|
-
|
194
|
-
|
195
|
-
|
196
|
-
|
197
|
-
</div>
|
198
172
|
|
199
173
|
</body>
|
200
174
|
|
201
175
|
</html>
|
202
176
|
|
177
|
+
```
|
178
|
+
|
203
179
|
|
204
180
|
|
205
181
|
### 該当のソースコード
|