Formのオプションの中身を動的に変更したい。

Question

はじめまして。

現在(Cake)PHPを利用しており、商品(レッスン)を購入するボタンを生成しようと考えています。
そこで、日程を選択した時、購入できる数値がその日程に合わせて動的に反映されるように実装したいと考えています。

//View
<?php foreach ($dates as $date): ?>

//日程の選択
<option value = "<?php echo h($date['Date']['id']); ?>"><?php echo h($date['Date']['date']); ?></option>

//購入できる数値は$date['Date']['nokori']
<?php endforeach; ?>

調べてみたところ、以下の記事のようにJavascriptを利用すればいいことがわかりましたが、PHPとの連携のやり方がわかりません。
http://oni-on-design.com/2013/11/233

このような場合、どのようなコードを実装すればよいでしょうか?

何かお分かりの方は是非ともご教授のほどよろしくお願いします。

Answer 1

$datesの上位に、$lessonがあるものだと想定します。

<select name="date" id="date">
<?php foreach ($dates as $date): ?>

//日程の選択
<option value = "<?php echo h($date['Date']['id']); ?>"><?php echo h($date['Date']['date']); ?></option>

//購入できる数値は$date['Date']['nokori']
<?php endforeach; ?>
</select>

の記述の前に、レッスンを選ばせるselectが必要になります。

<select name="lesson" onchange="changeDates();">
<?php foreach ($lessons as $lesson): ?>

//レッスンの選択
<option value = "<?php echo h($lesson['id']); ?>"><?php echo h($lesson['name']); ?></option>

<?php endforeach; ?>
</select>

$lessonは商品IDの$lesson['id']と商品名の$lesson['name']を持ち、
その商品一覧（配列）を$lessonsとしています。

また、サラッと書いていますが、selectタグにあるonchange="changeDates();"で、
商品を切り替えた時に、日付選択の要素を切り替えようって感じです。

日付要素の切り替えは、
1.要素を一旦削除
2.当該商品の要素を追加
という流れになります。
説明が長くなるので、こことかここを参考にしてみてください。

また日付データは、質問にあるとおりにやると切り替えができなくなるので、
Javascriptのデータとして出力する必要があります。先に上げたvar selectBoxあたりのような感じです。
これを商品ごとに分けて出力してみてください。