フォームでjQuery を使って、年月日それぞれのプルダウンメニューを、1つの項目にまとめたい

スマートフォン向けに年月日を選択できるWeb フォームで、それぞれ個別にプルダウン選択できるようにしたい。でも、送信する項目はひとまとめにしたい。

フォーム例
年月日のフォーム

対応

  • 年月日をそれぞれ3つのプルダウンメニューを作る
  • 年月日をまとめるフォーム”mydate” を hidden で追記
  • ID を割り振って、onChange でonChangeDate() を実行
    • 年月日それぞれの選択された値を取得して、”mydate”のvalue に設定

ソース