質問編集履歴
3
ソースコード修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -53,22 +53,22 @@
|
|
|
53
53
|
<div class="form-inline row mt10 bar" >
|
|
54
54
|
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][0][detail]" value="" ></div>
|
|
55
55
|
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][0][detail]" value="" ></div>
|
|
56
|
-
<button class="btn btn-default mt20"
|
|
56
|
+
<button class="btn btn-default mt20 remove_row" type="button">行削除</button>
|
|
57
57
|
</div>
|
|
58
58
|
<div class="form-inline row mt10 bar" >
|
|
59
59
|
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][1][detail]" value="" ></div>
|
|
60
60
|
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][1][detail]" value="" ></div>
|
|
61
|
-
<button class="btn btn-default mt20"
|
|
61
|
+
<button class="btn btn-default mt20 remove_row" type="button">行削除</button>
|
|
62
62
|
</div>
|
|
63
63
|
<div class="form-inline row mt10 bar" >
|
|
64
64
|
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][1][detail]" value="" ></div>
|
|
65
65
|
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][1][detail]" value="" ></div>
|
|
66
|
-
<button class="btn btn-default mt20"
|
|
66
|
+
<button class="btn btn-default mt20 remove_row" type="button">行削除</button>
|
|
67
67
|
</div>
|
|
68
68
|
<div class="form-inline row mt10 bar" >
|
|
69
69
|
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][1][detail]" value="" ></div>
|
|
70
70
|
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][1][detail]" value="" ></div>
|
|
71
|
-
<button class="btn btn-default mt20"
|
|
71
|
+
<button class="btn btn-default mt20 remove_row" type="button">行削除</button>
|
|
72
72
|
</div>
|
|
73
73
|
</div>
|
|
74
74
|
<div class="row">
|
|
@@ -85,22 +85,22 @@
|
|
|
85
85
|
<div class="form-inline row mt10 bar" >
|
|
86
86
|
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][0][detail1]" value="" ></div>
|
|
87
87
|
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][0][detail2]" value="" ></div>
|
|
88
|
-
<button class="btn btn-default mt20
|
|
88
|
+
<button class="btn btn-default mt20 remove_row" type="button">行削除</button>
|
|
89
89
|
</div>
|
|
90
90
|
<div class="form-inline row mt10 bar" >
|
|
91
91
|
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][1][detail1]" value="" ></div>
|
|
92
92
|
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][1][detail2]" value="" ></div>
|
|
93
|
-
<button class="btn btn-default mt20
|
|
93
|
+
<button class="btn btn-default mt20 remove_row" type="button">行削除</button>
|
|
94
94
|
</div>
|
|
95
95
|
<div class="form-inline row mt10 bar" >
|
|
96
96
|
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][2][detail1]" value="" ></div>
|
|
97
97
|
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][2][detail2]" value="" ></div>
|
|
98
|
-
<button class="btn btn-default mt20
|
|
98
|
+
<button class="btn btn-default mt20 remove_row" type="button">行削除</button>
|
|
99
99
|
</div>
|
|
100
100
|
<div class="form-inline row mt10 bar" >
|
|
101
101
|
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][3][detail1]" value="" ></div>
|
|
102
102
|
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][3][detail2]" value="" ></div>
|
|
103
|
-
<button class="btn btn-default mt20
|
|
103
|
+
<button class="btn btn-default mt20 remove_row" type="button">行削除</button>
|
|
104
104
|
</div>
|
|
105
105
|
</div>
|
|
106
106
|
<div class="row">
|
2
ソースコードの変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
<div class="form-inline row mt10 bar" >
|
|
19
19
|
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][0][detail1]" value="" ></div>
|
|
20
20
|
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][0][detail2]" value="" ></div>
|
|
21
|
-
<button class="btn btn-default mt20
|
|
21
|
+
<button class="btn btn-default mt20 remove_row" type="button">行削除</button>
|
|
22
22
|
</div>
|
|
23
23
|
</div>
|
|
24
24
|
<div class="row">
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
count = $('.bar').length-1;
|
|
38
38
|
$(this).attr('name',$(this).attr('name').replace('0',count));
|
|
39
39
|
});
|
|
40
|
-
$( '.foo' ).on( 'click', '
|
|
40
|
+
$( '.foo' ).on( 'click', '.remove_row', function() {
|
|
41
41
|
if($('.bar').length > 1){
|
|
42
42
|
$( this ).parents( '.bar' ).remove();
|
|
43
43
|
}
|
1
ソースコードの変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
### JavaScriptを使って、フォームの記入欄を動的に追加する
|
|
1
|
+
### JavaScriptを使って、フォームの記入欄を動的に追加する(少し修正)
|
|
2
2
|
|
|
3
3
|
はじめまして、プログラミング初心者です。
|
|
4
4
|
質問の書き方に至らない点があると思いますが、ご指導お願いいたします。
|
|
@@ -16,7 +16,8 @@
|
|
|
16
16
|
```html
|
|
17
17
|
<div class="foo">
|
|
18
18
|
<div class="form-inline row mt10 bar" >
|
|
19
|
-
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][0][
|
|
19
|
+
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][0][detail1]" value="" ></div>
|
|
20
|
+
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][0][detail2]" value="" ></div>
|
|
20
21
|
<button class="btn btn-default mt20" id="remove_row1" type="button">行削除</button>
|
|
21
22
|
</div>
|
|
22
23
|
</div>
|
|
@@ -51,18 +52,22 @@
|
|
|
51
52
|
<div class="foo">
|
|
52
53
|
<div class="form-inline row mt10 bar" >
|
|
53
54
|
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][0][detail]" value="" ></div>
|
|
55
|
+
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][0][detail]" value="" ></div>
|
|
54
56
|
<button class="btn btn-default mt20" id="remove_row1" type="button">行削除</button>
|
|
55
57
|
</div>
|
|
56
58
|
<div class="form-inline row mt10 bar" >
|
|
57
59
|
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][1][detail]" value="" ></div>
|
|
60
|
+
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][1][detail]" value="" ></div>
|
|
58
61
|
<button class="btn btn-default mt20" id="remove_row1" type="button">行削除</button>
|
|
59
62
|
</div>
|
|
60
63
|
<div class="form-inline row mt10 bar" >
|
|
61
64
|
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][1][detail]" value="" ></div>
|
|
65
|
+
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][1][detail]" value="" ></div>
|
|
62
66
|
<button class="btn btn-default mt20" id="remove_row1" type="button">行削除</button>
|
|
63
67
|
</div>
|
|
64
68
|
<div class="form-inline row mt10 bar" >
|
|
65
69
|
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][1][detail]" value="" ></div>
|
|
70
|
+
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][1][detail]" value="" ></div>
|
|
66
71
|
<button class="btn btn-default mt20" id="remove_row1" type="button">行削除</button>
|
|
67
72
|
</div>
|
|
68
73
|
</div>
|
|
@@ -78,19 +83,23 @@
|
|
|
78
83
|
```html
|
|
79
84
|
<div class="foo">
|
|
80
85
|
<div class="form-inline row mt10 bar" >
|
|
81
|
-
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][0][
|
|
86
|
+
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][0][detail1]" value="" ></div>
|
|
87
|
+
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][0][detail2]" value="" ></div>
|
|
82
88
|
<button class="btn btn-default mt20" id="remove_row1" type="button">行削除</button>
|
|
83
89
|
</div>
|
|
84
90
|
<div class="form-inline row mt10 bar" >
|
|
85
|
-
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][1][
|
|
91
|
+
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][1][detail1]" value="" ></div>
|
|
92
|
+
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][1][detail2]" value="" ></div>
|
|
86
93
|
<button class="btn btn-default mt20" id="remove_row1" type="button">行削除</button>
|
|
87
94
|
</div>
|
|
88
95
|
<div class="form-inline row mt10 bar" >
|
|
89
|
-
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][2][
|
|
96
|
+
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][2][detail1]" value="" ></div>
|
|
97
|
+
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][2][detail2]" value="" ></div>
|
|
90
98
|
<button class="btn btn-default mt20" id="remove_row1" type="button">行削除</button>
|
|
91
99
|
</div>
|
|
92
100
|
<div class="form-inline row mt10 bar" >
|
|
93
|
-
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][3][
|
|
101
|
+
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][3][detail1]" value="" ></div>
|
|
102
|
+
<div class="col-md-3 mt10"><input type="text" class="form-control text-right" name="timetable[rows][3][detail2]" value="" ></div>
|
|
94
103
|
<button class="btn btn-default mt20" id="remove_row1" type="button">行削除</button>
|
|
95
104
|
</div>
|
|
96
105
|
</div>
|