行全体にbuttonタグを適用して選択したい

Question

実現したいこと

テーブルタグ等で表示している行を特定の範囲までボタンにしたいです。
そして、そのボタンを押したときに値渡しを行いページ遷移をしたいです。

以下の表を例でいうと、１レコード全体【0001/test/test…】をクリックできる範囲にしてなおかつ、ID
を遷移先ページへPOSTできるような機能を求めています。

company_ID	company_name	company_TL
0001	test	test

現在のコードはCSSを一切当てていない状態です。
HTMLとCSSでやり方があるかもしれないのですが、postできないaタグの方法が多いので、やり方がわかる方がいらっしゃいましたらご協力をお願いします。

下記コードが該当部分を抜粋したものになります。

        <tbody>     
           
        <?php foreach($M_COMPANY as $data):?>
        <tr>
            <td><?php echo $data['company_ID']; ?></td>
            <td><?php echo $data['company_name']; ?></td>
            <td><?php echo $data['company_TL']; ?></td>
            <td><?php echo $data['postal']; ?></td>
            <td><?php echo $data['address']; ?></td>
            <td><?php echo $data['department']; ?></td>
            <td><?php echo $data['tel']; ?></td>
            <td><?php echo $data['fax']; ?></td>
            <td><?php echo $data['email']; ?></td>
            
            <td>
                <button type="button"y onclick="location.href='preview.php?id=<?php echo $data['company_ID']; ?>'">表示</button>
                <button type="button"  onclick="location.href='edit.php?id=<?php echo $data['company_ID']; ?>'">編集</button>
                <button type="button" data-id=<?php echo $data['company_ID']; ?>>削除</button>
                <form method="POST" action="./delete.php" id="delete_form_<?php echo $data['company_ID']; ?>">
                <input type="hidden" value="<?php echo $data['company_ID']; ?>" name="id">
                </form>
            </td>

        </tr>

        <?php endforeach; ?>

        </tbody>

Comments

[m.ts10806]

scssは本件とはどう関係するのでしょう。
ただ、cssはあくまでレイアウトの制御なので本件満たすためには使えないかと。

[m.ts10806]

あと、全体をクリックできるようにしてしまうと、表示編集削除の判定ができなくなります。

[m.ts10806]

ちなみに
>postできないaタグの方法が多い

こちらは具体的にはどのような方法だったのでしょうか。
aタグだったとしてもJavaScriptでクリックイベント拾ってform.submitすればPOSTできますし、その時だけのformを要素として作るという手もあります。

[m.ts10806]

ちなみにやりたいのは削除だけですか？

Answer 1

こんな感じでsubmit時の用途を書いておけば受け側は一つですみます

<?PHP
print_r($_POST);
?>
<div>
<form method="POST">
<button type="submit" name="do" value="view">表示</button>
<button type="submit" name="do" value="edit">編集</button>
<button type="submit" name="do" value="del">削除</button>
<input type="hidden" value="1" name="id">
</form>
</div>
<div>
<form method="POST">
<button type="submit" name="do" value="view">表示</button>
<button type="submit" name="do" value="edit">編集</button>
<button type="submit" name="do" value="del">削除</button>
<input type="hidden" value="2" name="id">
</form>
</div>