teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

input[name] を上書きしていた不具合修正

2015/09/15 04:22

投稿

think49
think49

スコア18194

answer CHANGED
@@ -5,48 +5,50 @@
5
5
  <form id="groupA">
6
6
  <div class="formGroup">
7
7
  <input type="text">
8
- <input name="hoge" type="hidden" name="Aa" value="">
8
+ <input type="hidden" name="Aa" value="">
9
9
  </div>
10
10
  <div class="formGroup">
11
11
  <input type="text">
12
- <input name="hoge" type="hidden" name="Ab" value="">
12
+ <input type="hidden" name="Ab" value="">
13
13
  </div>
14
14
  <div class="formGroup">
15
15
  <input type="text">
16
- <input name="hoge" type="hidden" name="Ac" value="">
16
+ <input type="hidden" name="Ac" value="">
17
17
  </div>
18
18
  </form>
19
19
  <!-- B グループ -->
20
20
  <form id="groupB">
21
21
  <div class="formGroup">
22
22
  <input type="text">
23
- <input name="hoge" type="hidden" name="Ba" value="">
23
+ <input type="hidden" name="Ba" value="">
24
24
  </div>
25
25
  <div class="formGroup">
26
26
  <input type="text">
27
- <input name="hoge" type="hidden" name="Bb" value="">
27
+ <input type="hidden" name="Bb" value="">
28
28
  </div>
29
29
  <div class="formGroup">
30
30
  <input type="text">
31
- <input name="hoge" type="hidden" name="Bc" value="">
31
+ <input type="hidden" name="Bc" value="">
32
32
  </div>
33
33
  </form>
34
34
 
35
35
  <script>
36
36
  (function () {
37
- function sample (form, name) {
37
+ function sample (form, selectorsText) {
38
- for (var i = 0, elements = form.elements[name], l = elements.length; i < l; ++i) {
38
+ for (var i = 1, elements = form.querySelectorAll(selectorsText), l = elements.length + 1; i < l; ++i) {
39
- elements[i].value = i + 1;
39
+ elements[i].value = i;
40
40
  }
41
41
  }
42
42
 
43
- sample(document.getElementById('groupA'), 'hoge');
43
+ sample(document.getElementById('groupA'), 'input[type=hidden]');
44
- sample(document.getElementById('groupB'), 'hoge');
44
+ sample(document.getElementById('groupB'), 'input[type=hidden]');
45
45
  }());
46
46
  </script>
47
47
  ```
48
48
 
49
49
  **(9/15 12:14追記)**
50
50
  HTMLを書く場合はmarkdownを使っていただけると見やすくて助かります。
51
+ - [ヘルプ|teratail(テラテイル)](https://teratail.com/help)
51
52
 
53
+ **(9/15 13:22追記)**
52
- - [ヘルプ|teratail(テラテイル)](https://teratail.com/help)
54
+ `input[name]` を上書きしてしまっていたのを修正しました。

1

markdown

2015/09/15 04:22

投稿

think49
think49

スコア18194

answer CHANGED
@@ -44,4 +44,9 @@
44
44
  sample(document.getElementById('groupB'), 'hoge');
45
45
  }());
46
46
  </script>
47
- ```
47
+ ```
48
+
49
+ **(9/15 12:14追記)**
50
+ HTMLを書く場合はmarkdownを使っていただけると見やすくて助かります。
51
+
52
+ - [ヘルプ|teratail(テラテイル)](https://teratail.com/help)