teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問getパラメータの動的な追加・取得方法

編集履歴

質問編集履歴

5

コードタグが抜けてしまい、見づらいので修正しました。

2019/09/29 03:13

投稿

hkrgok
hkrgok

スコア4

test CHANGED
File without changes
test CHANGED
@@ -284,6 +284,8 @@
284
284
 
285
285
  遷移元修正
286
286
 
287
+ ```html
288
+
287
289
  <!DOCTYPE html>
288
290
 
289
291
  <html>

4

動的に変動したgetパラメータの部分をeachで繰り返しとして修正しました

2019/09/29 03:13

投稿

hkrgok
hkrgok

スコア4

test CHANGED
File without changes
test CHANGED
@@ -1,9 +1,15 @@
1
- ```ここに言語を入力
2
-
3
- コード
4
-
5
1
  ```### 前提・実現したいこと
6
2
 
3
+ 2019/09/29修正追記　
4
+
5
+ ご指摘いただいたことをもとに、繰り返し部分に修正を加えました。
6
+
7
+ ローカルにhtmlファイル（jQuery/javascriptもhtml上に記述）を置き、chrome上で実行させてみました。
8
+
9
+ 実行結果は、入力フォームが増えない状況です。
10
+
11
+ 最新の修正内容は元のコードの下に記述しました。
12
+
7
13
 
8
14
 
9
15
  htmlの入力フォームをjavascriptのrepeterを使って動的に付け加えることができるようしたいと考えています。
@@ -266,114 +272,232 @@
266
272
 
267
273
  ```
268
274
 
275
+
276
+
277
+ 2019/09/29修正
278
+
279
+ 変更点（getパラメータ取得側　javasscript jQuery側）
280
+
269
- forで対応しようと考えておりますがうまくいかず行き詰まっています。
281
+ ご指摘いただいた箇所の修正とうまくいっていない部分の修正を加えました。
270
282
 
271
283
  宜しくお願いします。
272
284
 
273
-
285
+ 遷移元修正
286
+
274
-
287
+ <!DOCTYPE html>
288
+
289
+ <html>
290
+
291
+ <head>
292
+
293
+ <meta charset="utf-8">
294
+
295
+ <meta name="description" content="入力フォーム付加">
296
+
297
+ <title>入力フォーム付加</title>
298
+
275
- 2019/09/25
299
+ </head>
300
+
276
-
301
+ <body>
302
+
303
+ <h1>入力フォーム付加</h1>
304
+
305
+
306
+
307
+ <form action="mtest.html" class="repeater">
308
+
309
+ <div data-repeater-list="group-a">
310
+
277
- 変更点（getパラメータ取得側　javasscript jQuery側）
311
+ <div data-repeater-item>
312
+
278
-
313
+ <input type="text" name="fname" value="家族名" id=ritem/>
314
+
279
- ご指摘いただいた箇所の修正とうまくいっていない部分の修正を加えました。
315
+ <input type="text" name="ninzu" value="人数"/>
316
+
280
-
317
+ <input data-repeater-delete type="button" value="削除"/>
318
+
281
- 宜しくお願いします。
319
+ </div>
320
+
321
+ </div>
322
+
323
+ <input data-repeater-create type="button" value="入力フォーム追加"/>
324
+
325
+ </form>
326
+
327
+
328
+
329
+ </body>
330
+
331
+ ```
282
332
 
283
333
  ```javascript
284
334
 
285
- //変更点（繰り返しのリミット）
286
-
287
- var andlng
288
-
289
- //変更点ここまで
290
-
291
- function getUrlVars() {
292
-
293
- var vars = [],
294
-
295
- hash;
296
-
297
- //ご指摘いただいたところ
298
-
299
- var hashes = location.search.slice(1).split('&');
300
-
301
- //追加点（&マークの個数+1が表示させる要素の数）
302
-
303
- andlng = hashes.length + 1;
304
-
305
- 　　　　//追加点ここまで
306
-
307
- for (var i = 0; i < hashes.length; i++) {
308
-
309
- hash = hashes[i].split('=');
310
-
311
- vars.push(hash[0]);
312
-
313
- vars[hash[0]] = decodeURIComponent(hash[1]);
335
+ /*repeaterを使い、入力フォームを追加*/
336
+
337
+ $(document).ready(function () {
338
+
339
+ 'use strict';
340
+
341
+ $('.repeater').repeater({
342
+
343
+ defaultValues: {
344
+
345
+ 'fname': '家族名',
346
+
347
+ 'ninzu': '人数',
348
+
349
+ }
350
+
351
+ });
352
+
353
+ });
354
+
355
+
356
+
357
+ /*以下getパラメータを作成しアドレスに付加*/
358
+
359
+ function send() {
360
+
361
+ var fname="";
362
+
363
+ var ninzu="";
364
+
365
+
366
+
367
+ /*入力フォームを動的に増減させた場合に対応してURLに付加するgetパラメータを配列を使い変数pramに格納*/
368
+
369
+ //一旦配列に格納
370
+
371
+ var arr= new Array();
372
+
373
+
374
+
375
+ $('#group-a ritem').each(function(i){
376
+
377
+ if (document.form1['group-a[i][fname]'].value!=""){
378
+
379
+ fname=encodeURIComponent(document.form1['group-a[i][fname]'].value);
380
+
381
+ }
382
+
383
+
384
+
385
+ if (document.form1['group-a[i][ninzu]'].value!=""){
386
+
387
+ ninzu=encodeURIComponent(document.form1['group-a[i][ninzu]'].value);
388
+
389
+ }
390
+
391
+ text = $(this).text();
392
+
393
+ arr.push(text);
394
+
395
+ });
396
+
397
+
398
+
399
+ /* arrに格納した要素を変数paramに文字列としてつなげる*/
400
+
401
+ var pram = "";
402
+
403
+ for(var j=0;j<arr.length;j++){
404
+
405
+ if((j+1)%2 == 1){
406
+
407
+ pram = "fname=" +arr[j] + "&";
408
+
409
+ }else{
410
+
411
+ //最後の要素であるかどうか判定し、最後であれば＆はつけない
412
+
413
+ if((j+1)!=arr.length){
414
+
415
+ pram = "ninzu" + arr[j] + "&";
416
+
417
+ }else{
418
+
419
+ pram = "ninzu" + arr[j];
420
+
421
+ }
422
+
423
+ }
314
424
 
315
425
  }
316
426
 
427
+
428
+
429
+ location.href="/module/include/js/location4/sample2.html?"+pram;
430
+
317
- return vars;
431
+ return false;
318
-
432
+
319
- }
433
+ }
434
+
320
-
435
+ ```
321
-
322
-
436
+
323
- 　　　　//うまくいっていない部分の修正
437
+ 遷移後修正※htmlについては変更なし
438
+
324
-
439
+ ```javascript
440
+
325
- 　　　　$(function(){
441
+ function getUrlVars() {
442
+
326
-
443
+ var vars = [],
444
+
445
+ hash;
446
+
447
+ var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
448
+
327
- 　　　　　for(var l=1;l<andlng; l++){
449
+ for (var i = 0; i < hashes.length; i++) {
328
-
329
- 　　if(l%2 == 1){
450
+
330
-
331
- $("div").append("家族名:<span class="name"></span><br>");
332
-
333
- $('.seni .fname').text(queryString.name);
451
+ hash = hashes[i].split('=');
334
-
335
- }else{
452
+
336
-
337
- $("div").append("人数:<span class="ninzu"></span><br>");
338
-
339
- $('.seni .ninzu').text(queryString.ninzu);
453
+ vars.push(hash[0]);
454
+
455
+ vars[hash[0]] = hash[1];
340
456
 
341
457
  }
342
458
 
459
+ return vars;
460
+
343
- }
461
+ }
462
+
344
-
463
+ /*以下2019/09/29修正　繰り返し部分家族名と人数を交互に配列arrに格納して、半角カンマで区切り、文字列text3にcsvとして格納*/
464
+
465
+ $(function () {
466
+
467
+ var queryString = getUrlVars();
468
+
469
+
470
+
471
+ 　　　　var arr= new Array();
472
+
473
+ var text1 = "";
474
+
475
+ var text2 = "";
476
+
477
+ var text3 = "";
478
+
479
+ $('#group-a ritem').each(function(j){
480
+
481
+ if((j+1)%2==1){
482
+
483
+ 　　　　　　　text1 = $('.seni .fname').text(queryString.fname[j]);
484
+
485
+ arr.push(text1);
486
+
487
+ }else{
488
+
489
+ text2 = $('.seni .ninzu').text(queryString.ninzu[j]);
490
+
491
+ arr.push(text2);
492
+
493
+ }
494
+
495
+ text3 = [arr.fname[j]].join(',');
496
+
345
- });
497
+ });
346
-
347
-
348
-
349
-
350
-
351
- ※についても
498
+
352
-
353
- まだうまく組み入れられません。
354
-
355
- // ↓
499
+ /*修正ここまで*/
356
-
357
- /*getパラメータ取得側のvar text = [queryString.fname, queryString.ninzu].join(',');でfnameとninzuを繰り返し処理により配列arrに格納させるコードの追加*/
500
+
358
-
359
- var arr = [];
360
-
361
- $(function(){
362
-
363
- $('#seni').each(function(){
364
-
365
- text = $(this).text() + (i + 1);
366
-
367
- arr.push(text);
368
-
369
- });
370
-
371
- });
372
-
373
- ```
501
+ ```
374
-
375
-
376
-
377
-
378
-
502
+
379
- よろしく御回答お願いします。
503
+ よろしくご高覧いただきご回答お願いします。

3

繰り返し処理の追加

2019/09/29 03:11

投稿

hkrgok
hkrgok

スコア4

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,8 @@
1
+ ```ここに言語を入力
2
+
3
+ コード
4
+
1
- ### 前提・実現したいこと
5
+ ```### 前提・実現したいこと
2
6
 
3
7
 
4
8
 
@@ -276,7 +280,7 @@
276
280
 
277
281
  宜しくお願いします。
278
282
 
279
-
283
+ ```javascript
280
284
 
281
285
  //変更点（繰り返しのリミット）
282
286
 
@@ -344,13 +348,13 @@
344
348
 
345
349
 
346
350
 
347
- ※var text = [queryString.fname, queryString.ninzu].join();についても
351
+ ※についても
348
352
 
349
353
  まだうまく組み入れられません。
350
354
 
351
- ↓
352
-
353
- 2019/09/26修正しました
355
+ // ↓
356
+
357
+ /*getパラメータ取得側のvar text = [queryString.fname, queryString.ninzu].join(',');でfnameとninzuを繰り返し処理により配列arrに格納させるコードの追加*/
354
358
 
355
359
  var arr = [];
356
360
 
@@ -366,6 +370,10 @@
366
370
 
367
371
  });
368
372
 
373
+ ```
374
+
375
+
376
+
369
377
 
370
378
 
371
379
  よろしく御回答お願いします。

2

遷移元のうまくいっていない部分と遷移先のうまくいっていない部分の再修正を行いました

2019/09/28 23:55

投稿

hkrgok
hkrgok

スコア4

test CHANGED
File without changes
test CHANGED
@@ -14,300 +14,330 @@
14
14
 
15
15
 
16
16
 
17
+
18
+
19
+
20
+
21
+
22
+
23
+ ### 該当のソースコード
24
+
25
+ 以下入力フォーム追加とgetパラメータ作成
26
+
27
+ ```HTML
28
+
29
+ <!DOCTYPE html>
30
+
31
+ <html>
32
+
33
+ <head>
34
+
35
+ <meta charset="utf-8">
36
+
37
+ <meta name="description" content="入力フォーム付加">
38
+
39
+ <title>入力フォーム付加</title>
40
+
41
+ </head>
42
+
43
+ <body>
44
+
45
+ <h1>入力フォーム付加</h1>
46
+
47
+
48
+
49
+ <form action="demo.html" class="repeater">
50
+
51
+ <div data-repeater-list="group-a">
52
+
53
+ <div data-repeater-item>
54
+
55
+ <input type="text" name="fname" value="家族名"/>
56
+
57
+ <input type="text" name="ninzu" value="人数"/>
58
+
59
+ <input data-repeater-delete type="button" value="削除"/>
60
+
61
+ </div>
62
+
63
+ </div>
64
+
65
+ <input data-repeater-create type="button" value="入力フォーム追加"/>
66
+
67
+ </form>
68
+
69
+
70
+
71
+ </body>
72
+
73
+ </html>
74
+
75
+
76
+
17
77
  ```
18
78
 
79
+ ```javascript
80
+
81
+ /*repeaterを使い、入力フォームを追加*/
82
+
83
+ $(document).ready(function () {
84
+
85
+ 'use strict';
86
+
87
+ $('.repeater').repeater({
88
+
89
+ defaultValues: {
90
+
91
+ 'fname': '家族名',
92
+
93
+ 'ninzu': '人数',
94
+
95
+ }
96
+
97
+ });
98
+
99
+ });
100
+
101
+
102
+
103
+ /*以下getパラメータを作成しアドレスに不可*/
104
+
105
+ function send() {
106
+
107
+ var fname="";
108
+
109
+ var ninzu="";
110
+
111
+
112
+
113
+ if (document.form1.fname.value!=""){
114
+
115
+ name=escape(document.form1.fname.value);
116
+
117
+ }
118
+
119
+
120
+
121
+ if (document.form1.ninzu.value!=""){
122
+
123
+ name=escape(document.form1.ninzu.value);
124
+
125
+ }
126
+
127
+ /* うまくいかない部分（パラメータにセット）2019/09/26修正*/
128
+
129
+ 　　　　 for(var i=0;i<arr.length;i++){
130
+
131
+ if((i+1)%2 == 1){
132
+
133
+ var param = "fname=" +arr[i]+"&";
134
+
19
- エラーメッセージ
135
+ }else{
136
+
137
+ param = "col4" + arr[i] + "&";
138
+
139
+ }
140
+
141
+ }
142
+
143
+ 　　　　for(var i=0;i< ; i++){
144
+
145
+ var pram="&fname="+fname+"&ninzu="+ninzu;
146
+
147
+ }
148
+
149
+ 　　　　
150
+
151
+ location.href="/module/include/js/location4/sample2.html?"+pram;
152
+
153
+ return false;
154
+
155
+ }
156
+
157
+
20
158
 
21
159
  ```
22
160
 
23
-
24
-
25
- ### 該当のソースコード
26
-
27
- 以下入力フォーム追加とgetパラメータ作成
161
+ 以下getパラメータ取得側
28
162
 
29
163
  ```HTML
30
164
 
31
165
  <!DOCTYPE html>
32
166
 
33
- <html>
34
-
35
167
  <head>
36
168
 
37
- <meta charset="utf-8">
38
-
39
- <meta name="description" content="入力フォーム付加">
40
-
41
- <title>入力フォーム付加</title>
169
+ <title>seni</title>
42
170
 
43
171
  </head>
44
172
 
45
173
  <body>
46
174
 
47
- <h1>入力フォーム付加</h1>
48
-
49
-
50
-
51
- <form action="demo.html" class="repeater">
52
-
53
- <div data-repeater-list="group-a">
175
+ <div class="seni">
54
-
176
+
55
- <div data-repeater-item>
177
+ 家族名：<span class="fname">
56
-
178
+
57
- <input type="text" name="fname" value="家族名"/>
179
+ </span>
58
-
180
+
59
- <input type="text" name="ninzu" value="人数"/>
181
+ <br> 人数：<span class="ninzu">
60
-
182
+
61
- <input data-repeater-delete type="button" value="削除"/>
183
+ </span>
184
+
185
+ <br>
62
186
 
63
187
  </div>
64
188
 
65
- </div>
66
-
67
- <input data-repeater-create type="button" value="入力フォーム追加"/>
68
-
69
- </form>
70
-
71
-
72
-
73
- </body>
74
-
75
- </html>
76
-
77
189
 
78
190
 
79
191
  ```
80
192
 
193
+
194
+
81
195
  ```javascript
82
196
 
83
- /*repeaterを使い、入力フォームを追加*/
84
-
85
- $(document).ready(function () {
86
-
87
- 'use strict';
88
-
89
- $('.repeater').repeater({
90
-
91
- defaultValues: {
92
-
93
- 'fname': '家族名',
94
-
95
- 'ninzu': '人数',
96
-
97
- }
98
-
99
- });
100
-
101
- });
102
-
103
-
104
-
105
- /*以下getパラメータを作成しアドレスに不可*/
106
-
107
- function send() {
108
-
109
- var fname="";
110
-
111
- var ninzu="";
112
-
113
-
114
-
115
- if (document.form1.fname.value!=""){
116
-
117
- name=escape(document.form1.fname.value);
118
-
119
- }
120
-
121
-
122
-
123
- if (document.form1.ninzu.value!=""){
124
-
125
- name=escape(document.form1.ninzu.value);
126
-
127
- }
128
-
129
- /* うまくいかない部分（パラメータにセット）*/
130
-
131
- 　　　　for(var i=0;i< ; i++){
132
-
133
- var pram="&fname="+fname+"&ninzu="+ninzu;
134
-
135
- }
136
-
137
-
138
-
139
- location.href="/module/include/js/location4/sample2.html?"+pram;
140
-
141
- return false;
142
-
143
- }
144
-
145
-
197
+ function getUrlVars() {
198
+
199
+ var vars = [],
200
+
201
+ hash;
202
+
203
+ var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
204
+
205
+ for (var i = 0; i < hashes.length; i++) {
206
+
207
+ hash = hashes[i].split('=');
208
+
209
+ vars.push(hash[0]);
210
+
211
+ vars[hash[0]] = hash[1];
212
+
213
+ }
214
+
215
+ return vars;
216
+
217
+ }
218
+
219
+
220
+
221
+ $(function () {
222
+
223
+ var queryString = getUrlVars();
224
+
225
+
226
+
227
+ // うまくいっていない部分（値を設定）2019/09/26修正
228
+
229
+ 　　　　　for(var j=0 ; j< ;j++){
230
+
231
+ $('.seni .fname').text(queryString.fname[j]);
232
+
233
+ $('.seni .ninzu').text(queryString.ninzu[j]);
234
+
235
+
236
+
237
+ //var text = [queryString.fname[j+1], queryString.ninzu[j+1]].join();
238
+
239
+ //2019/09/26修正
240
+
241
+ var arr = [];
242
+
243
+ $(function(){
244
+
245
+ $('#seni').each(function(){
246
+
247
+ text = $(this).text() + (i + 1);
248
+
249
+ arr.push(text);
250
+
251
+ });
252
+
253
+ });
254
+
255
+
256
+
257
+ }
258
+
259
+
260
+
261
+ });
146
262
 
147
263
  ```
148
264
 
149
- 以下getパラメータ取得側
150
-
151
- ```HTML
152
-
153
- <!DOCTYPE html>
154
-
155
- <head>
156
-
157
- <title>seni</title>
158
-
159
- </head>
160
-
161
- <body>
162
-
163
- <div class="seni">
164
-
165
- 家族名：<span class="fname">
166
-
167
- </span>
168
-
169
- <br> 人数：<span class="ninzu">
170
-
171
- </span>
172
-
173
- <br>
174
-
175
- </div>
176
-
177
-
178
-
179
- ```
180
-
181
-
182
-
183
- ```javascript
184
-
185
- function getUrlVars() {
186
-
187
- var vars = [],
188
-
189
- hash;
190
-
191
- var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
192
-
193
- for (var i = 0; i < hashes.length; i++) {
194
-
195
- hash = hashes[i].split('=');
196
-
197
- vars.push(hash[0]);
198
-
199
- vars[hash[0]] = hash[1];
265
+ forで対応しようと考えておりますがうまくいかず行き詰まっています。
266
+
267
+ 宜しくお願いします。
268
+
269
+
270
+
271
+ 2019/09/25
272
+
273
+ 変更点（getパラメータ取得側　javasscript jQuery側）
274
+
275
+ ご指摘いただいた箇所の修正とうまくいっていない部分の修正を加えました。
276
+
277
+ 宜しくお願いします。
278
+
279
+
280
+
281
+ //変更点（繰り返しのリミット）
282
+
283
+ var andlng
284
+
285
+ //変更点ここまで
286
+
287
+ function getUrlVars() {
288
+
289
+ var vars = [],
290
+
291
+ hash;
292
+
293
+ //ご指摘いただいたところ
294
+
295
+ var hashes = location.search.slice(1).split('&');
296
+
297
+ //追加点（&マークの個数+1が表示させる要素の数）
298
+
299
+ andlng = hashes.length + 1;
300
+
301
+ 　　　　//追加点ここまで
302
+
303
+ for (var i = 0; i < hashes.length; i++) {
304
+
305
+ hash = hashes[i].split('=');
306
+
307
+ vars.push(hash[0]);
308
+
309
+ vars[hash[0]] = decodeURIComponent(hash[1]);
310
+
311
+ }
312
+
313
+ return vars;
314
+
315
+ }
316
+
317
+
318
+
319
+ 　　　　//うまくいっていない部分の修正
320
+
321
+ 　　　　$(function(){
322
+
323
+ 　　　　　for(var l=1;l<andlng; l++){
324
+
325
+ 　　if(l%2 == 1){
326
+
327
+ $("div").append("家族名:<span class="name"></span><br>");
328
+
329
+ $('.seni .fname').text(queryString.name);
330
+
331
+ }else{
332
+
333
+ $("div").append("人数:<span class="ninzu"></span><br>");
334
+
335
+ $('.seni .ninzu').text(queryString.ninzu);
200
336
 
201
337
  }
202
338
 
203
- return vars;
204
-
205
- }
206
-
207
-
208
-
209
- $(function () {
210
-
211
- var queryString = getUrlVars();
212
-
213
-
214
-
215
- // うまくいっていない部分（値を設定）
216
-
217
- 　　　　　for(var j=0 ; j< ;j++){
218
-
219
- $('.seni .fname').text(queryString.fname[j]);
220
-
221
- $('.seni .ninzu').text(queryString.ninzu[j]);
222
-
223
-
224
-
225
- var text = [queryString.fname[j+1], queryString.ninzu[j+1]].join();
226
-
227
339
  }
228
340
 
229
-
230
-
231
- });
232
-
233
- ```
234
-
235
- forで対応しようと考えておりますがうまくいかず行き詰まっています。
236
-
237
- 宜しくお願いします。
238
-
239
-
240
-
241
- 2019/09/25
242
-
243
- 変更点（getパラメータ取得側　javasscript jQuery側）
244
-
245
- ご指摘いただいた箇所の修正とうまくいっていない部分の修正を加えました。
246
-
247
- 宜しくお願いします。
248
-
249
-
250
-
251
- //変更点（繰り返しのリミット）
252
-
253
- var andlng
254
-
255
- //変更点ここまで
256
-
257
- function getUrlVars() {
258
-
259
- var vars = [],
260
-
261
- hash;
262
-
263
- //ご指摘いただいたところ
264
-
265
- var hashes = location.search.slice(1).split('&');
266
-
267
- //追加点（&マークの個数+1が表示させる要素の数）
268
-
269
- andlng = hashes.length + 1;
270
-
271
- 　　　　//追加点ここまで
272
-
273
- for (var i = 0; i < hashes.length; i++) {
274
-
275
- hash = hashes[i].split('=');
276
-
277
- vars.push(hash[0]);
278
-
279
- vars[hash[0]] = decodeURIComponent(hash[1]);
280
-
281
- }
282
-
283
- return vars;
284
-
285
- }
286
-
287
-
288
-
289
- 　　　　//うまくいっていない部分の修正
290
-
291
- 　　　　$(function(){
292
-
293
- 　　　　　for(var l=1;l<andlng; l++){
294
-
295
- 　　if(l%2 == 1){
296
-
297
- $("div").append("家族名:<span class="name"></span><br>");
298
-
299
- $('.seni .fname').text(queryString.name);
300
-
301
- }else{
302
-
303
- $("div").append("人数:<span class="ninzu"></span><br>");
304
-
305
- $('.seni .ninzu').text(queryString.ninzu);
306
-
307
- }
308
-
309
- }
310
-
311
341
  });
312
342
 
313
343
 
@@ -318,6 +348,24 @@
318
348
 
319
349
  まだうまく組み入れられません。
320
350
 
351
+ ↓
352
+
353
+ 2019/09/26修正しました
354
+
355
+ var arr = [];
356
+
357
+ $(function(){
358
+
359
+ $('#seni').each(function(){
360
+
361
+ text = $(this).text() + (i + 1);
362
+
363
+ arr.push(text);
364
+
365
+ });
366
+
367
+ });
368
+
321
369
 
322
370
 
323
371
  よろしく御回答お願いします。

1

ご指摘いただいた箇所と、前回うまくいっていない部分としたところの修正部分をあげました。宜しくお願いします。

2019/09/25 17:53

投稿

hkrgok
hkrgok

スコア4

test CHANGED
File without changes
test CHANGED
@@ -235,3 +235,89 @@
235
235
  forで対応しようと考えておりますがうまくいかず行き詰まっています。
236
236
 
237
237
  宜しくお願いします。
238
+
239
+
240
+
241
+ 2019/09/25
242
+
243
+ 変更点（getパラメータ取得側　javasscript jQuery側）
244
+
245
+ ご指摘いただいた箇所の修正とうまくいっていない部分の修正を加えました。
246
+
247
+ 宜しくお願いします。
248
+
249
+
250
+
251
+ //変更点（繰り返しのリミット）
252
+
253
+ var andlng
254
+
255
+ //変更点ここまで
256
+
257
+ function getUrlVars() {
258
+
259
+ var vars = [],
260
+
261
+ hash;
262
+
263
+ //ご指摘いただいたところ
264
+
265
+ var hashes = location.search.slice(1).split('&');
266
+
267
+ //追加点（&マークの個数+1が表示させる要素の数）
268
+
269
+ andlng = hashes.length + 1;
270
+
271
+ 　　　　//追加点ここまで
272
+
273
+ for (var i = 0; i < hashes.length; i++) {
274
+
275
+ hash = hashes[i].split('=');
276
+
277
+ vars.push(hash[0]);
278
+
279
+ vars[hash[0]] = decodeURIComponent(hash[1]);
280
+
281
+ }
282
+
283
+ return vars;
284
+
285
+ }
286
+
287
+
288
+
289
+ 　　　　//うまくいっていない部分の修正
290
+
291
+ 　　　　$(function(){
292
+
293
+ 　　　　　for(var l=1;l<andlng; l++){
294
+
295
+ 　　if(l%2 == 1){
296
+
297
+ $("div").append("家族名:<span class="name"></span><br>");
298
+
299
+ $('.seni .fname').text(queryString.name);
300
+
301
+ }else{
302
+
303
+ $("div").append("人数:<span class="ninzu"></span><br>");
304
+
305
+ $('.seni .ninzu').text(queryString.ninzu);
306
+
307
+ }
308
+
309
+ }
310
+
311
+ });
312
+
313
+
314
+
315
+
316
+
317
+ ※var text = [queryString.fname, queryString.ninzu].join();についても
318
+
319
+ まだうまく組み入れられません。
320
+
321
+
322
+
323
+ よろしく御回答お願いします。