PHPで、入力内容確認画面から入力フォーム画面に戻った時、プルダウンで選択していた内容を保持したい

Question

前提・実現したいこと

PHP7.3でSESSIONを使用した入力フォームの作成をしています。
入力内容の確認画面から、”修正する”ボタンを押下し、入力フォーム画面に戻ってきたとき、
プルダウンリストの選択内容を保持した状態で戻ってきたい。

発生している問題

$dateに”1/17(月)”、$_SESSION['receiptOn']にも同様に”1/17(月)”が入っている時でも、
下記コードでの実行結果はplaceholderに指定している”選択”が表示されてしまいます。

該当のソースコード

<?php
$calendar = formatDate($calendar);
?>
<div class="reserveContainer">
    <div class="reserveSubContainer">                    
        <label class="formTitle">お受け取り日</label>
    </div>
    <div class="reserveSubContainer">
        <select name="receiptOn" id="sources" class="custom-select sources" placeholder="選択">
            <?php
                foreach($calendar as $key => $calArr):
                    $date = $calArr['date'];
            ?>
            <option value="<?php echo $date?>" <?php if($_SESSION['receiptOn'] == $date){ echo 'selected';};?>)><?php echo $date;?></option>
            <?php endforeach;?>
        </select>
    </div>
</div>

試したこと

var_dump($_SESSION['receiptOn']);
→結果は”1/17(月)”

補足情報（FW/ツールのバージョンなど）

HTML5
PHP7.3

補足ソースコード

<?php
$calendar = array(
    '0001' => array(
        'date' => '2022-01-17',
         'stock' => array(
            '1' => 0, 
            '2' => 10,
            '3' => 0,
            '4' => 6,
        ),
    ),
    '0002' => array(
        'date' => '2022-01-18',
        'stock' => array(
            '1' => 0,
            '2' => 5,
            '3' => 0,
            '4' => 6,
        ),
    ),
    '0003' => array(
        'date' => '2022-01-19',
        'stock' => array(
            '1' => 0,
            '2' => 10,
            '3' => 10,
            '4' => 5,
        ),
    ),
);
function formatDate($calendar){
    $week = [
        '日', //0
        '月', //1
        '火', //2
        '水', //3
        '木', //4
        '金', //5
        '土', //6
    ];
    // m月d日(x)に成形
    foreach($calendar as $dateorg => $arr){
        $date = date('w', strtotime($arr['date']));

        $calendar[$dateorg]['date'] = date('n/j('.$week[$date].')', strtotime($arr['date']));

    };
    return $calendar;
};
?>

Answer 1

代入箇所がPHPになっていないのではないでしょうか。

?>
$calendar = formatDate($calendar);
```↓
```PHP
$calendar = formatDate($calendar);
?>

Comments

[kei344]

https://teratail.com/questions/history-questions/359577 2021/09/15 11:46 くらいの回答です。

[youna]

すみませんこちらに記載する際のコピペ漏れです。修正しました。

[kei344]

{ echo 'selected' } の部分でエラーが出ていますが、エラーを表示する設定にはしていますか？（セミコロンが抜けている）

[youna]

エラー出てました。。修正しましたが結果変わらずです。

[kei344]

PHP出力結果： https://3v4l.org/gIn4Z
それをHTMLで表示： https://jsfiddle.net/f3j5s8ub/

そもそもselect要素はplaceholder属性に対応していないので、他の箇所に構文エラーがあるか、Chrome/Firefox以外のブラウザが何か対応しているか、スタイル用CSSが別にあって無理やりplaceholderを表示しているとか、そのあたりではないでしょうか。

【<select>: HTML 選択要素 - HTML: HyperText Markup Language | MDN】
https://developer.mozilla.org/ja/docs/Web/HTML/Element/select

[youna]

select要素はplaceholder属性に対応していないのですね。
placeholderと、classに当てている”custom-select sources”を外してみましたが、Chrome, FirefoxどちらともSESSIONの値を選択してくれません。
配列の最初の$dateが選択されている状態となります。

[youna]

クラスを外す＋余分な")"が入っていたので削除したところ、希望通り動きました。ありがとうございました。

Answer 2

CSSで無理やりselect要素にplaceholder属性を入れてしまっていた＋余分な”）”が入ってしまっていたので、クラスを外して

<option value="<?php echo $date?>" <?php if($_SESSION['receiptOn'] == $date){ echo 'selected';};?>)><?php echo $date;?></option>

を

<option value="<?php echo $date?>" <?php if($_SESSION['receiptOn'] == $date){ echo 'selected';};?>><?php echo $date;?></option>

に書き直した。