form属性 品名と個数を同時にphpに引き渡すためには。

Question

表題の件
テイクアウトの予約をいれるダミーサイトを制作中です。
formの中の要素をphpに引き渡すためにはどうしたら良いかで悩んでいます。
希望としては、一行に「品名」＝「個数」と並んだ状態で表示できると良いなと思っています。
現状では「品名」の方に特にチェックボックス等は設けておりません。
個数入力だけでうまくできる方法はないでしょうか？

ーーーーーーーーーーーーーー
今週のA弁当 3個
今週のFドリンク　1個
ーーーーーーーーーーーーーー
のようにしたいです

どうぞよろしくお願いします。

 <dl>
      <dt class="selectorder"><label for="numberInput01" name="selectfood">A&nbsp;:<span>今週のA弁当</span></label></dt>
      <dd><input type="number" name="selectfood" value="0" id="numberInput01" min="0"></dd>
      <dt class="selectorder"><label for="numberInput02">B&nbsp;:<span>今週のB弁当</span></label></dt>
      <dd><input type="number" name="selectfood" value="0"  id="numberInput02" min="0"></dd>
      <dt class="selectorder"><label for="numberInput03">C&nbsp;:<span>今週のC弁当</span></label></dt>
      <dd><input type="number" name="selectfood" value="0"  id="numberInput03" min="0"></dd>
      <dt class="selectorder"><label for="numberInput04">D&nbsp;:<span>今週のD弁当</span></label></dt>
      <dd><input type="number" name="selectfood" value="0"  id="numberInput04" min="0"></dd>
      <dt class="selectorder"><label for="numberInput05">E&nbsp;:<span>今週のEドリンク</span></label></dt>
      <dd><input type="number" name="selectfood" value="0"  id="numberInput05" min="0"></dd>
      <dt class="selectorder"><label for="numberInput06">F&nbsp;:<span>今週のFドリンク</span></label></dt>
      <dd><input type="number" name="selectfood" value="0"  id="numberInput06" min="0"></dd>
    </dl>

Answer 1

inputのnameをそれぞれ別のものにして、そのnameと品名をひも付ける定義をどこかしらにするしかないと思います。
簡単にするなら配列。
labelもinputもその配列から作れば取得時も楽でしょう。

input,select,textareaだけがform送信できるので、現状では「品名」は送信できません。
「買い物かご」のようなものを想定しているのでしたら、本来は商品マスタをDBに持って、商品コードだけをhiddenなどの要素で持つことになると思います。
いずれにしても紐づけは別途する必要があります。

例：（未検証最小構成）

<?php
$itemlist = [
    1=>["itemname"=>"A弁当"]
    ,2=>["itemname"=>"B弁当"]
];
//取得部分
if($_SERVER["REQUEST_METHOD"] === "POST"){
    foreach($_POST["item_number"] as $id=>$number){
        if(array_key_exists($id,$item)){
            echo <<<EOF
            <p>{$item[$id]["itemname"]}：{$number}個</p>
            
EOF;
        }
    }
}

//form部分
?>
<form method="post">
<?php
    foreach($itemlist as $id=>$row) {
        echo <<<EOF
<label for="food_{$id}">{$row["itemname"]}</label>
<input type="number" name="item_number[{$id}]" id="food_{$id}">個

EOF;
    }
?>    
</form>

Comments

[ema-material]

ありがとうございます。このパターンも試してみようと思います。

[m.ts10806]

なるべく情報は一元管理した方がバグが少ないですし改修もしやすくなります

Answer 2

nameを共通にしていますが
シンプルにnameを分かりやすい固有のものにすれば良いのでは?
と思いますが、、、

Comments

[ema-material]

ありがとうございます。おっしゃる通りでして。
今朝起きたらそのアイディアが浮かんだので、差し替えてみました。
PHPの方で苦戦しているのでまだ完成はしていないのですが、なんとかなると思います。