質問編集履歴

3

不要な文言(デフォルトで入っていた文章)を削除させていただきました。

2018/04/12 13:20

投稿

whitedoragon
whitedoragon

スコア12

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

整形しました。宜しくお願いします。

2018/04/12 13:20

投稿

whitedoragon
whitedoragon

スコア12

test CHANGED
File without changes
test CHANGED
@@ -24,9 +24,9 @@
24
24
 
25
25
 
26
26
 
27
- ------------【データ.gs】-----------------------
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
- ---------GASはここまで-----------------------------------------------
81
+ ```
84
82
 
85
83
 
86
84
 

1

すみません。。ソースコード(HTML)を「```」で囲わせていただきました。ただ、見よう見まねなので不備が多々あるかと思いますがアドバイスいただけますと助かります。

2018/04/12 13:04

投稿

whitedoragon
whitedoragon

スコア12

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
-   <h2>発注案内</h2>
145
+ <h2>発注案内</h2>
148
-
146
+
149
-   <div class="form-inline text-center">
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
-   <div class="form-group">
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
- <label for="namae" >店コード:</label>
167
+ <tr id="loginTr"> </tr>
156
-
168
+
157
-   <input type="text" id="service" name="service" size="30" maxlength="5">
169
+ </table>
158
-
170
+
159
-    </div>
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
  ### 該当のソースコード