セレクトボックスの連動処理
お世話になります。
JavaScript勉強中のもので、サンプルソースを見つけることができなかったので、質問させてください。
http://javascriptmarket.com/script/jsm07.html
http://www.alink.co.jp/tech/blog/sample_code/js/team_json_20090404.html
やりたいイメージとしては、上記のページのようなことです。
具体的には、日付の入るセレクトボックスを2つ用意し、
片方のセレクトボックスの日付を選択すると、もう片方のセレクトボックスに●日後の日付選択肢が表示される。
ということをしたいと思っています。
元々の日付の選択肢が静的であれば上記URLを参考にすれば作れる自信があるのですが、動的なものであまり自信がありません。。。
以下実際に作ったコードです。
(PHPで2つ目のセレクトボックスには3日後の日付が表示されるようにしています。)
----------------------------------------------------------
//日付
for($a = 0; $a < 14; $a++) {
$timestamp[] = strtotime("+$a day");
}
$day_set = array(
"0"=>"▲日付を選んで下さい",
"1"=>date( 'Y/m/d', $timestamp[0] ) ,
"2"=>date( 'Y/m/d', $timestamp[1] ) ,
"3"=>date( 'Y/m/d', $timestamp[2] ) ,
"4"=>date( 'Y/m/d', $timestamp[3] ) ,
"5"=>date( 'Y/m/d', $timestamp[4] ) ,
"6"=>date( 'Y/m/d', $timestamp[5] ) ,
"7"=>date( 'Y/m/d', $timestamp[6] ) ,
"8"=>date( 'Y/m/d', $timestamp[7] ) ,
"9"=>date( 'Y/m/d', $timestamp[8] ) ,
"10"=>date( 'Y/m/d', $timestamp[9] ) ,
"11"=>date( 'Y/m/d', $timestamp[10] ) ,
"12"=>date( 'Y/m/d', $timestamp[11] ) ,
"13"=>date( 'Y/m/d', $timestamp[12] ) ,
"14"=>date( 'Y/m/d', $timestamp[13] )
);
//お渡し日付セット
for($a = 3; $a < 17; $a++) {
$timestamp2[] = strtotime("+$a day");
}
$day2_set = array(
"0"=>"▲日付を選んで下さい",
"1"=>date( 'Y/m/d', $timestamp2[0] ) ,
"2"=>date( 'Y/m/d', $timestamp2[1] ) ,
"3"=>date( 'Y/m/d', $timestamp2[2] ) ,
"4"=>date( 'Y/m/d', $timestamp2[3] ) ,
"5"=>date( 'Y/m/d', $timestamp2[4] ) ,
"6"=>date( 'Y/m/d', $timestamp2[5] ) ,
"7"=>date( 'Y/m/d', $timestamp2[6] ) ,
"8"=>date( 'Y/m/d', $timestamp2[7] ) ,
"9"=>date( 'Y/m/d', $timestamp2[8] ) ,
"10"=>date( 'Y/m/d', $timestamp2[9] ) ,
"11"=>date( 'Y/m/d', $timestamp2[10] ) ,
"12"=>date( 'Y/m/d', $timestamp2[11] ) ,
"13"=>date( 'Y/m/d', $timestamp2[12] ) ,
"14"=>date( 'Y/m/d', $timestamp2[13] )
);
<select name="day" style="margin-right: 50px">
<?php foreach ($day_set as $key => $value): ?>
<option value="<?php echo $value; ?>"><?php echo $value; ?></option>
<?php endforeach; ?>
</select>
<select name="day2" style="margin-right: 50px">
<?php foreach ($day2_set as $key => $value): ?>
<option value="<?php echo $value; ?>"><?php echo $value; ?></option>
<?php endforeach; ?>
</select>
お礼
ありがとうございます。