phpで生年月日のセレクトを結合したい

Question

応募フォームを現在作成しており、生年月日を取得したいと思っています。

phpで年（1960〜2005）、月（1〜12）、日（1〜31）のselectをそれぞれ作り、それらの値をまた別の変数（$birthday）で統合して出力したいのですが、その値が20061332で固定されてしまい、selectを変更しても変わりません。

どうやら2005+1,12+1,31+1が合わさって20061332として値が取得されているようで、$birthdayにそれぞれのselectで決定した値を反映させるにはどのようにしたらよろしいでしょうか。

<div class="formSection">
                            <p>生年月日</p>
                            <select>
                                <option value="">-</option>
                                <?php
                                    for ($year = 1960; $year <= 2005; $year ++) {
                                    echo "<option >{$year}</option>";
                                    }
                                ?> 
                            </select>　年

                            <select>
                                <option value="">-</option>
                                <?php
                                    for ($month = 1; $month <= 12; $month ++) {
                                    echo "<option >{$month}</option>";
                                    }
                                ?>
                            </select>　月

                            <select>
                                <option value="">-</option>
                                <?php
                                    for ($day = 1; $day <= 31; $day ++) {
                                    echo "<option >{$day}</option>";
                                    }
                                ?>
                            </select>　日
                            <?php
                                $birthday = $year.$month.$day;
                                echo "<input name='生年月日' value='{$birthday}'>";
                            ?>
                            
                                
</div>

Comments

[mather]

このフォームは最終的にsubmitするんですか？

[m-iwai]

最終的にsubimitします。
また別のphpと組み合わせてメール送信する予定です。

Answer 1

<?php
    $birthday = $year.$month.$day;
    echo "<input name='生年月日' value='{$birthday}'>";
?>

このコードに到達したときの $year, $month, $day は、それぞれ上の方にある for の処理の終了後の値がそのまま使われています。

ですから、$year は 2005 の一つ先で 2006、 $month は 13、$day は32 になりますね。

select で決定した値は、この時点ではまだ決まっていませんから、ここで $birthday を入れていること自体が誤りです。

こういう場合は JavaScript を使って、それぞれの select の値が変更されたときのイベントで、生年月日のインプットフォームの値を更新しましょう。

Comments

[m-iwai]

非常にわかりやすいご回答いただきありがとうございます！
なるほど、forの処理後の値だからそれぞれ2006,13,32なのですか。
このままではselectで決定した値が更新されないのですね。

Javascriptも必要なのですね。。まだphpもJavascriptも覚えたてで、よろしければ具体的にどのように記述すれば良いかご教授願えますでしょうか？

お教え頂けますと非常に助かります。

[tacsheaven]

JavaScript で、それぞれの select の変更が起きたイベントが発生したときに対応するイベントハンドラを呼び出さねばなりません。（これは <select> の onchange イベントを定義してやる）
で、そのイベントの中で、それぞれの select の値を取り出し（document.getElementsByName などを使う）、それを文字列として結合したうえで、生年月日のところに値を設定してやります。

PHP は画面を「表示するまで」に動き終わってしまうので、そのあとのユーザーの操作に追随する部分は、PHP で書いても意味がありません。（画面をリロードすれば反映されるでしょうが、ユーザーが年を決定したらリロード、では使い勝手が悪いでしょうね）

[m-iwai]

ご丁寧に教えていただきありがとうございます！

それぞれのselectの変更に対応するイベントハンドラ... その中でそれぞれのselectの値を取り出すのですね。
非常に参考になりました！ まだまだ初心者も初心者ですが、javascriptも含めてチャレンジしてみようと思います。

Answer 2

PHPを前提としているならサブミットしてやればよいのでは？

<?PHP
$year =filter_input(INPUT_POST,"year");
$month=filter_input(INPUT_POST,"month");
$day  =filter_input(INPUT_POST,"day");

$opt["year"]="";
for ($y = 1960; $y <= 2005; $y ++) {
  $selected=$year==$y?" selected":"";
  $opt["year"].="<option valuie=\"{$y}\"{$selected}>{$y}</option>";
}
$opt_month="";
for ($m = 1; $m <= 12; $m ++) {
  $selected=$month==$m?" selected":"";
  $m2=substr("0".$m,-2);
  $opt_month.="<option value=\"{$m2}\"{$selected}>{$m}</option>";
}
$opt_day="";
for ($d = 1; $d <= 31; $d ++) {
  $selected=$day==$d?" selected":"";
  $d2=substr("0".$d,-2);
  $opt_day.="<option value=\"{$d2}\"{$selected}>{$d}</option>";
}

$birthday = $year.$month.$day;
$h_birthday = htmlspecialchars($birthday);
print <<<eof
<form method="post">
<p>生年月日</p>
<select name="year">
<option value="">-</option>
{$opt["year"]}
</select>　年
<select name="month">
<option value="">-</option>
{$opt_month}
</select>　月
<select name="day">
<option value="">-</option>
{$opt_day}
</select>　日
<input name='生年月日' value='{$h_birthday}'>
<input type="submit" value="send">
</form>
eof;

Comments

[m-iwai]

最終的にはsubmitするんですが、submitしても$birthdayの値が変わらなくて困っていたところです。

詳細なコードありがとうございます！
参考にさせていただきます。