質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
foreach

foreachは、List・Collection・Arrayといったデータ構造の各要素に対して繰り返し処理を実行するために扱われる、制御構造の構文です。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

多次元配列

1次元配列内にさらに配列を格納している配列を、多次元配列と呼びます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

Q&A

解決済

3回答

2165閲覧

PHP配列からHTMLテーブルを作成する方法

emi_ono

総合スコア84

foreach

foreachは、List・Collection・Arrayといったデータ構造の各要素に対して繰り返し処理を実行するために扱われる、制御構造の構文です。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

多次元配列

1次元配列内にさらに配列を格納している配列を、多次元配列と呼びます。

PHP

PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

0グッド

0クリップ

投稿2021/12/27 02:27

編集2021/12/29 06:54

前提・実現したいこと

PHP配列からHTMLテーブルを作成したいです。
td部分をforeachを使って表示することはできたのですが、thの部分もPHPを使って表示させる方法が分かりません。
よろしくお願いします。

【追記】
trの中に1つのth(メニュー名)、複数のtd(時間と料金)があり、trが複数あるtableです。これを配列(連想配列?)とforeachを使って表示させたいです。

テーブル完成イメージ

HTMLソースコード

HTMl

1<table> 2<tbody> 3<tr> 4<th scope="row" class="cf"><img src="●●.webp" alt=""/>メニュー名1</th> 5<?php 6foreach ( $menu1 as $value ) { 7 $send = $value[ 'send' ]; 8 $id = $value[ 'ID' ]; 9 $text = $value[ 'text' ]; 10 ?> 11<td><input type="radio" name="menu" value="<?php echo $send; ?>" id="radio<?php echo $id;?>" <?php if (isset($menu) && $menu == "$send") echo "checked";?>/> 12<label for="radio<?php echo $id;?>" class="radio"><?php echo $text; ?></label></td> 13<?php 14} 15?> 16</tr> 17<tr> 18<th scope="row" class="cf"><img src="●●.webp" alt=""/>メニュー名2</th> 19<?php 20foreach ( $menu2 as $value ) { 21 $send = $value[ 'send' ]; 22 $id = $value[ 'ID' ]; 23 $text = $value[ 'text' ]; 24 ?> 25<td><input type="radio" name="menu" value="<?php echo $send; ?>" id="radio<?php echo $id;?>" <?php if (isset($menu) && $menu == "$send") echo "checked";?>/> 26<label for="radio<?php echo $id;?>" class="radio"><?php echo $text; ?></label></td> 27<?php 28} 29?> 30</tr> 31</tbody> 32</table>

PHPソースコード

PHP

1//メニュー1(●コース) 2$menu1 = [ 3 [ 'send' => '●コース/35/3,000', 'ID' => 1, 'text' => '3,000円(35分)' ], 4 5 [ 'send' => '●コース/75/5,000', 'ID' => 2, 'text' => '5,000円(65分)<br><span class="coupon"><sapn class="coupon_text"></sapn>5,000円<span class="red">(+10分)</span></span>' ], 6 7 [ 'send' => '●コース/105/8,000', 'ID' => 3, 'text' => '8,000円(95分)<br><span class="coupon"><sapn class="coupon_text"></sapn>8,000円<span class="red">(+10分)</span></span>' ], 8 9 [ 'send' => '●コース/135/10,000', 'ID' => 4, 'text' => '10,000円(125分)<br><span class="coupon"><sapn class="coupon_text"></sapn>10,000円<span class="red">(+10分)</span></span>' ], 10]; 11//メニュー2(●●●コース) 12$menu2 = [ 13 [ 'send' => '●●●コース/70/8,000', 'ID' => 5, 'text' => '10,000円(60分)<br><span class="coupon"><sapn class="coupon_text"></sapn><span class="red">8,000円(+10分)</span><i class="fas fa-umbrella"></i></span>' ], 14 15 [ 'send' => '●●●コース/100/12,000', 'ID' => 6, 'text' => '13,000円(90分)<br><span class="coupon"><sapn class="coupon_text"></sapn><span class="red">12,000円(+10分)</span><i class="fas fa-umbrella"></i><span></span>' ], 16 17 [ 'send' => '●●●コース/130/15,000', 'ID' => 7, 'text' => '16,000円(120分)<br><span class="coupon"><sapn class="coupon_text"></sapn><span class="red">15,000円(+10分)</span><i class="fas fa-umbrella"></i><span></span>' ], 18];

【追記2】新たに試したこと

今までの配列を書き換えてみました。この多次元配列をループさせてtableに表示できないでしょうか?menuNameキーがthでmenuContentsキーがtdです。

PHP

1$arry = [ 2 [ 3 'menuName' => 'メニュー名1', 4 "menuContents" => [ 5 [ 'send' => '●コース/35/3,000', 'ID' => 1, 'text' => '3,000円(35分)' ], 6 7 [ 'send' => '●コース/75/5,000', 'ID' => 2, 'text' => '5,000円(65分)<br><span class="coupon"><sapn class="coupon_text"></sapn>5,000円<span class="red">(+10分)</span></span>' ], 8 9 [ 'send' => '●コース/105/8,000', 'ID' => 3, 'text' => '8,000円(95分)<br><span class="coupon"><sapn class="coupon_text"></sapn>8,000円<span class="red">(+10分)</span></span>' ], 10 11 [ 'send' => '●コース/135/10,000', 'ID' => 4, 'text' => '10,000円(125分)<br><span class="coupon"><sapn class="coupon_text"></sapn>10,000円<span class="red">(+10分)</span></span>' ], 12 13 ], 14 15 ], 16 [ 17 'menuName' => 'メニュー名2', 18 "menuContents" => [ 19 [ 'send' => '●●●コース/70/8,000', 'ID' => 5, 'text' => '10,000円(60分)<br><span class="coupon"><sapn class="coupon_text"></sapn><span class="red">8,000円(+10分)</span><i class="fas fa-umbrella"></i></span>' ], 20 21 [ 'send' => '●●●コース/100/12,000', 'ID' => 6, 'text' => '13,000円(90分)<br><span class="coupon"><sapn class="coupon_text"></sapn><span class="red">12,000円(+10分)</span><i class="fas fa-umbrella"></i><span></span>' ], 22 23 [ 'send' => '●●●コース/130/15,000', 'ID' => 7, 'text' => '16,000円(120分)<br><span class="coupon"><sapn class="coupon_text"></sapn><span class="red">15,000円(+10分)</span><i class="fas fa-umbrella"></i><span></span>' ], 24 25 ], 26 ] 27];

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

skys215

2021/12/27 02:43

現状はなんですか?表示がおかしいのか、表示されないのか。 開発者ツールで出力されたhtmlと比べてみたらどうでしょうか?
emi_ono

2021/12/27 03:19

返信ありがとうございます。説明不足でした。すみません。 現状td部分はforeachを使い、th部分はHTMLに直接書いてうまく表示はされているのですが、 tdに加えてth部分も配列に入れ込みたいと思い質問させていただきました。 配列の入れ子とforeachが難しく混乱してしまいコードが書けない状態です。
yambejp

2021/12/27 06:27

THは各行の先頭データという認識で良いですか?
emi_ono

2021/12/27 07:44

はい。 thは各行の先頭データです。
guest

回答3

0

自己解決

配列を二次元連想配列に書き換え、forをtr全体とtd部分の二重に設定する事で出来ました。

php

1<?php for($i = 0 ; $i < count($arry) ; $i++){ ?> //繰り返し1 2<tr> 3<th></th> 4<?php for($j = 0 ; $j < count($arry[$i]['menuContents']) ; $j++){ ?>//繰り返し2 5<td></td> 6<?php }?> 7</tr> 8<?php }?>

ありがとうござました。

投稿2021/12/31 05:55

emi_ono

総合スコア84

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

0

PHP

1<table> 2<tbody> 3<tr> 4 <th scope="row" class="cf"><img src="●●.webp" alt=""/>メニュー名1</th> 5</tr><!-- ここ --> 6<?php 7foreach ( $menu1 as $value ) { 8 $send = $value[ 'send' ]; 9 $id = $value[ 'ID' ]; 10 $text = $value[ 'text' ]; 11 ?> 12<tr> <!-- ここ --> 13 <td> 14 <input type="radio" name="menu" value="<?php echo $send; ?>" id="radio<?php echo $id;?>" <?php if (isset($menu) && $menu == "$send") echo "checked";?>/> 15 <label for="radio<?php echo $id;?>" class="radio"><?php echo $text; ?></label> 16 </td> 17</tr> <!-- ここ --> 18<?php 19} 20?> 21<tr> 22 <th scope="row" class="cf"><img src="●●.webp" alt=""/>メニュー名2</th> 23</tr> 24<?php 25foreach ( $menu2 as $value ) { 26 $send = $value[ 'send' ]; 27 $id = $value[ 'ID' ]; 28 $text = $value[ 'text' ]; 29 ?> 30<tr> 31 <td> 32 <input type="radio" name="menu" value="<?php echo $send; ?>" id="radio<?php echo $id;?>" <?php if (isset($menu) && $menu == "$send") echo "checked";?>/> 33 <label for="radio<?php echo $id;?>" class="radio"><?php echo $text; ?></label> 34 </td> 35</tr> 36<?php 37} 38?> 39</tbody> 40</table>

はどうでしょうか?trをいくつか加えました。

投稿2021/12/27 13:23

skys215

総合スコア910

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

emi_ono

2021/12/29 06:37

ありがとうございます! tdに加えてth部分も配列から取得しforeachで繰り返し表示させたいなと思うのですが、教えていただいた所にtrを追加してもうまくいきませんでした。
guest

0

単純にtrもthもforeachの中に入れ込んでしまえばよいのでは?

PHP

1<?php 2foreach ( $menu1 as $value ) { 3 $send = $value[ 'send' ]; 4 $id = $value[ 'ID' ]; 5 $text = $value[ 'text' ]; 6 ?> 7<tr> 8<th scope="row" class="cf"><img src="●●.webp" alt=""/>メニュー名1</th> 9<td><input type="radio" name="menu" value="<?=$send?>" id="radio<?=$id?>" <?=(isset($menu) && $menu == "$send")?"checked":""?>/> 10<label for="radio<?=$id?>" class="radio"><?=$text?></label></td> 11</tr> 12<?php 13} 14?>

投稿2021/12/27 02:34

編集2021/12/27 08:28
yambejp

総合スコア116724

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

emi_ono

2021/12/27 08:17

ありがとうございます。 ご指摘の通りだと思ったのですが、うまくコードにできない状態です(◞‸◟)
yambejp

2021/12/27 08:29

ちょっと検証できていませんが、なんとなく追記しておきました
emi_ono

2021/12/27 09:43

ありがとうございます!! 教えていただいたコードで確認すると「thとtd」がtdの数だけ繰り返し表示されました。 説明が悪くて本当に申し訳ありません。 tr内にth(メニュー名)が一つと複数のtd(時間と料金)があり、trも複数あります。 このtrをforeachを使い表示するにはphpの配列をどのように書けば良いでしょうか。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問