[MW WP Form]JavaScriptで追加したセレクトボックスの値を確認ページにも引き継

[nujawak]

MW WP Formを利用してフォームを作成しているのですが、少し詰まってしまったのでご相談です。

作成しているのはイベントの申し込みフォームで、日付とイベント名を連動させたいと考えています。
全体の流れとしては以下です。

1. 「name=”date”」と「name=”title”」の2つのセレクトボックスを設置
2. いずれも、フォームの作成時点ではchildren=”–“
3. dateは、mwform_choices_mw-wp-form-xxxとmwform_value_mw-wp-form-xxxのフックで条件に合わせてoptionを作成
4. titleのoptionは–だけのまま
5. ユーザーがdateを変更すると、Ajaxでカスタム投稿を検索してtitleのoptionを追加

ここまではうまくいきました。
ただ、dateとtitleを選択して確認ページへ移動すると、dateは問題ないのですが、titleの値が表示されないのです。
気にせず送信をすると、titleはDBにも保存されませんでした。

フォーム投稿ページでは、Ajaxしたのちにhiddenフィールドのname=”__children[title][]”のvalueも{“–“:”–“,”xxx”:”xxx”,”xxx”:”xxx”}の形で更新しています。unicodeデコードもしました。
この値が確認ページへ引き継がれず、DBにも保存できずにいます。

確認ページで要素検証をおこなうと、hiddenのname=”title”に選択した値は入っていました。
ただ、hiddenのname=”__children[title][]”のvalueが{“–“:”–“}だけになっています。作成画面で設定した値だけで、Ajax後に追加した値がありませんでした。
なお、エラーページの場合は、__children[title][]の値は残っていました。

どうすればDB保存まで可能になるでしょうか。

確認ページで$_POSTの値を覗くも空で、詰まってしまいました。
確認ページやエラーページへどのような方法でデータのやりとりをしているのでしょうか。
そこへ干渉する方法はあるでしょうか。
少しでもヒントを頂けると大変嬉しいです。

よろしくお願いします。

[Takashi Kitajima]

セレクトボックス等が出力する children の hidden フィールドは、（入力画面・確認画面ともに）作成画面で定義された情報をもとに生成・出力されるため、入力画面で書き換えても確認画面に引き継がれません。

そのため、ajax で検索して動的に書き換えるアプローチは恐らく実現できませんので、全ての選択肢を出力しておいて CSS、JS で出し分けるアプローチで実装するのが現実的かなと思います。

[nujawak]

返信ありがとうございます！
おかげさまで解決しました！

hidden フィールドを追加して、それを DB へ保存することで対応しました。
title のセレクトボックスが変更にされた際に、 title の値を hidden フィールドへ挿入しました。 hidden の作成オプション echo=”true” で確認画面の表示させました。

最後に、標準で高機能なうえ、フックとそのマニュアルが豊富で感動しました。
この場を借りて御礼申し上げます。

このトピックは解決済みと致します。