今月の値を「Ym」形式で取得し、今月から任意の数の未来の月をセレクトボックスのoptionタグで生成します。アクティブになったタブの値(年月の値)を「Ajax」のパラメータで、カレンダー表示用の外部ファイルへPOSTで渡し、その年月の値に応じた内容に切り替えます。セレクトボックス操作とAjax処理を連動してカレンダーを表示セレクトボックスでAjaxを起動させて、カレンダーを表示する記述例をご紹介します。今回は以下の以下の3つの記事を応用していますので、ぜひこちらもご覧ください。特定のタブを最初から表示させておくPHPで今月のカレンダーを作成するAjaxを使ってタブ操作でカレンダーを表示するDEMOはこちら※セレクトボックスを選択する度に表示されるカレンダーが切り替わります。HTMLAJAXで外部ファイルから読み込んだデータを表示させるための空の要素を用意します。セレクトボックスは独自属性をjavascriptを介して設定したいため、javascriptで後ほど生成します。class="inner-box"></div></div>CSSAJAXの処理が完了するまで、ロード中であることを示すため、ローディング画像を表示させるためのcss設定を行います。15px;}今月から5ヶ月分のセレクトボックスを生成する今月から5ヶ月分のセレクトボックスを生成する記述例は以下になります。value="'+dp_ymd+'">'+dp_ym_label+'</option>');}まず「prepend」でselectタグを生成します。Date()」から年を「getFullYear()」、月を「getMonth()」で取得します。日の値).slice(-2)」で0埋めしておきます。for文で変数iを0から4まで5回、繰り返します。i)」で今月から月の値に変数iをプラスして、再び年、月の値を取り出します。【繰り返し処理内】取り出した月の値を0埋めして、文字列として年、月、日(先ほどの1日としての値)を連結させます。【繰り返し処理内】そして「append」でoptionタグを生成します。生成する際に、先ほど連結させた値を独自属性「date」として設定します。任意の数値)」で来月、再来月等の値を取得することができます。セレクトボックス操作でAjax処理を行い、指定した月のカレンダーを表示する記述例セレクトボックス操作でAjax処理を行い、指定した月のカレンダーを表示する記述例は以下になります。AJAXの実行});ポイント!AJAX処理をユーザー定義関数に収めて、引数としてoptionタグのキー(日付の値)とアクションキーを設定します。ページの読み込み時とセレクトボックスの選択時に先ほどのAJAX処理を詰め込んだユーザー定義関数を実行します。外部ファイルの記述例は以下になります。$_POST['action'];$actions();endif;?>ポイント!「$_POST[‘date’]」でoptionタグのキーの値を取得し、それを元に処理を行います。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。解決策このサイトについて。