回答編集履歴
2
修正
test
CHANGED
|
@@ -58,8 +58,6 @@
|
|
|
58
58
|
|
|
59
59
|
<button type="button" class="btn btn-primary delete_btn" data-toggle="modal" data-target="#deleteModal" value="{{ $article->id }}">削除</button>
|
|
60
60
|
|
|
61
|
-
<input type="hidden" class="form-control" name="id" value="{{ $article->id }}">
|
|
62
|
-
|
|
63
61
|
```
|
|
64
62
|
|
|
65
63
|
hidden valueはセットしておく必要はありません。
|
|
@@ -91,3 +89,69 @@
|
|
|
91
89
|
|
|
92
90
|
|
|
93
91
|
ご参考まで。
|
|
92
|
+
|
|
93
|
+
|
|
94
|
+
|
|
95
|
+
|
|
96
|
+
|
|
97
|
+
# ミニマムコードサンプル
|
|
98
|
+
|
|
99
|
+
|
|
100
|
+
|
|
101
|
+
html 同じClass名のボタンを並べ、それぞれに違う数字を入れる。
|
|
102
|
+
|
|
103
|
+
受け取り先でとりあえずtextボックスを設置
|
|
104
|
+
|
|
105
|
+
```html
|
|
106
|
+
|
|
107
|
+
<button type="button" class="delete_btn" value="1">削除</button>
|
|
108
|
+
|
|
109
|
+
<button type="button" class="delete_btn" value="2">削除</button>
|
|
110
|
+
|
|
111
|
+
<button type="button" class="delete_btn" value="3">削除</button>
|
|
112
|
+
|
|
113
|
+
<input type="text" name="id" id="delete_id">
|
|
114
|
+
|
|
115
|
+
```
|
|
116
|
+
|
|
117
|
+
提示したコードと同じ
|
|
118
|
+
|
|
119
|
+
```js
|
|
120
|
+
|
|
121
|
+
$(function(){
|
|
122
|
+
|
|
123
|
+
$(".delete_btn").on("click",function(){
|
|
124
|
+
|
|
125
|
+
$("#delete_id").val($(this).val());
|
|
126
|
+
|
|
127
|
+
});
|
|
128
|
+
|
|
129
|
+
});
|
|
130
|
+
|
|
131
|
+
```
|
|
132
|
+
|
|
133
|
+
|
|
134
|
+
|
|
135
|
+
結果：
|
|
136
|
+
|
|
137
|
+
ボタンを押したらそのvalueの設定値がtextボックスに表示される
|
|
138
|
+
|
|
139
|
+
|
|
140
|
+
|
|
141
|
+
分かりやすくするためにtextにしましたが、hiddenでも同じです。
|
|
142
|
+
|
|
143
|
+
hiddenの場合は開発ツールの、GoogleChromeで言えば「Elements」で対象のHTMLコード部分を見ていれば変化しているのがわかります。
|
|
144
|
+
|
|
145
|
+
|
|
146
|
+
|
|
147
|
+
「変更後コード」で気になるのは
|
|
148
|
+
|
|
149
|
+
jQueryの読み込み記述より先にjQueryのコードが書かれているように見受けられるところです。
|
|
150
|
+
|
|
151
|
+
Bootstrap本体またはjQueryのjsファイルを読み込んでいる箇所はどこでしょうか？それより後にしなければなりません。
|
|
152
|
+
|
|
153
|
+
|
|
154
|
+
|
|
155
|
+
あと直接関係はありませんが、modalの$article->titleを入れているhiddenとdelete_idを入れる予定のhiddeのnameが同じになっています。
|
|
156
|
+
|
|
157
|
+
それでは想定通りのIDが送信できません。
|
1
追記
test
CHANGED
|
@@ -4,9 +4,39 @@
|
|
|
4
4
|
|
|
5
5
|
foreach抜けたら残っているのは最後のデータのみ（確か）であるからです。
|
|
6
6
|
|
|
7
|
+
ミニマムサンプルコード
|
|
8
|
+
|
|
9
|
+
```php
|
|
10
|
+
|
|
11
|
+
<?php
|
|
12
|
+
|
|
13
|
+
$arr = [1,2,3,4,5];
|
|
14
|
+
|
|
15
|
+
foreach($arr as $v){
|
|
16
|
+
|
|
17
|
+
echo $v;
|
|
18
|
+
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
echo $v;
|
|
22
|
+
|
|
23
|
+
//123455
|
|
24
|
+
|
|
25
|
+
```
|
|
26
|
+
|
|
27
|
+
$arrの中を1つずつ$vに代入していっています。
|
|
28
|
+
|
|
29
|
+
自動では破棄されないので最終値が残ったままになっているわけです。
|
|
7
30
|
|
|
8
31
|
|
|
32
|
+
|
|
33
|
+
----
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
たくさんの同じ形式のボタンがあり、そこに対象のIDが指定されていて、別の場所に渡したい場合、
|
|
38
|
+
|
|
9
|
-
ボタンクリックのイベントを別途とって、ボタンに設定されているvalueを設定すれば良いです。
|
|
39
|
+
JavaScriptにてボタンクリックのイベントを別途とって、ボタンに設定されているvalueを設定すれば良いです。
|
|
10
40
|
|
|
11
41
|
|
|
12
42
|
|