###テストコードと説明
まずは、下記のようなテーブルを作成しました。
○DBから取得したデータを表示させます。
○行数はデータにより変動します。
HTML
1<?php foreach($Test as $T) : ?> 2 <tr> 3 <td>フリガナ</td> 4 <td rowspan="2">情報A</td> 5 <td rowspan="2">情報B</td> 6 <td rowspan="2">情報C</td> 7 </tr> 8 <tr> 9 <td>名前</td> 10 </tr> 11<?php endforeach; ?>
表示に関しては問題ありません。
次に、表示されたテーブルにおいて、情報がある最初の<tr>の部分をクリックすると、clickイベントでsubmitが起こり、idを送信するような動きをしたいと思ったので、とりあえず下記のようにコードを書きました。
HTML
1<?php foreach($Test as $T) : ?> 2 <form action="" method="POST" class="form1"> 3 <tr class="selectRow"> 4 <td>フリガナ</td> 5 <td rowspan="2">情報A</td> 6 <td rowspan="2">情報B</td> 7 <td rowspan="2">情報C</td> 8 <input type="hidden" name="id" value="ID"> 9 </tr> 10 <tr> 11 <td>名前</td> 12 </tr> 13 </form> 14 <?php endforeach; ?>
とりあえず、clickイベントをやってみようと下記の通りjQueryを書きました。
[jQuery] $('#selectRow').click(function(){ $('#form1').submit(); });
受取に関しては
PHP
1$id = filter_input(INPUT_POST, 'id'); 2echo $id;
で表示できればと思います。
###問題点
さて、すでにわかる方ならおわかりかもしれませんが、、、
これでは、送られる値は表のどこをクリックしても、最終行のidしか持ってこれません。
そもそも、「どの行をクリックしたのか?」がわかってもいないからとも思ったのですが、、、
そのあたりの動きに関する部分が勉強不足の為、教えていただければと思います。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2017/05/26 04:39