回答編集履歴

2

追記

2016/11/24 06:39

投稿

hiim
hiim

スコア1689

test CHANGED
@@ -9,3 +9,71 @@
9
9
  が0でないなら既にそのIDは存在するので生成し直し
10
10
 
11
11
  でどうですか
12
+
13
+
14
+
15
+ ###追記
16
+
17
+ よくみるとgetElementByIdなどを使うという事はjquery等使ってないのですね。。。jquery使わないコードでさきほどのidの確認もしたものを追記します。
18
+
19
+
20
+
21
+ ```
22
+
23
+ <table id="table">
24
+
25
+ <tbody>
26
+
27
+ <tr class="time-group">
28
+
29
+ <td>グループ1.名称<input type="text" id="group-name1">
30
+
31
+ 開始<select id="start-hour-group1"></select> : <select id="start-min-group1"></select>
32
+
33
+ 終了<select id="end-hour-group1"></select> : <select id="end-min-group1"></select>
34
+
35
+ </td>
36
+
37
+ </tr>
38
+
39
+ </tbody>
40
+
41
+ </table>
42
+
43
+
44
+
45
+ <button onClick="addline();">登録</button>
46
+
47
+
48
+
49
+ <script>
50
+
51
+ var id=1;
52
+
53
+ function addline(){
54
+
55
+
56
+
57
+ while(document.getElementById("group-name"+id))
58
+
59
+ id++;
60
+
61
+
62
+
63
+ table = document.getElementById("table");
64
+
65
+ row = table.insertRow(-1);
66
+
67
+ row.setAttribute("class","time-group");
68
+
69
+ row.innerHTML = '<td>グループ1.名称<input type="text" id="group-name'+id+'">\n'+
70
+
71
+ '開始<select id="start-hour-group1"></select> : <select id="start-min-group1"></select>\n'+
72
+
73
+ '終了<select id="end-hour-group1"></select> : <select id="end-min-group1"></select>';
74
+
75
+ }
76
+
77
+ </script>
78
+
79
+ ```

1

修正

2016/11/24 06:39

投稿

hiim
hiim

スコア1689

test CHANGED
@@ -1,4 +1,4 @@
1
- ボタンをクリックされたタイミングで追加したidを生成し、
1
+ ボタンをクリックされたタイミングで追加したidを生成し、
2
2
 
3
3
  ```javascript
4
4