フォームに値を入れてスクロール | 太陽ブログ / ワードプレスの実装・カスタマイズのメモ

情報を追記している場合はありますが、古い情報を訂正はしていませんので、公開年月日を参照してください。プラグイン・タグ、いずれもワードプレス・PHPのバージョン等によって動作しない場合もあります。

投稿内の情報をonclick でフォームに入れて、フォームまでスクロールする覚書。

function fillymd(ymd,pid,row,time) {
　fillymd は任意で、設定したいIDを順番に
　選択する要素ではここで指定した順で値を入れる

document.getElementById(“ymd”).value = ymd;
　IDと値を指定、必要なだけ繰り返す

var elmnt = document.getElementById(“sc”);
elmnt.scrollIntoView({behavior:’smooth’, block:’start’}); }
　フォームの要素のIDを指定

日時予約サンプル - web-taiyo.com/calendar

Advanced Custom Fields Pro とContact Form 7 でメールフォームでの予約受付サンプル。日時を選択・クリックするとフォームに値が入ります。フォームは動作しています。