2011年4月12日 wordpressで、Contact Form 7+jQueryを使って、セレクトボックスの項目を動的に生成させる方法。 「当ブログで一番好きな記事はどれですか?」という質問を作る場合 wordpressのプラグイン「ContactForm7」は、記事内からショートコードでフォーム全体を呼び出すため、セレクトボックスの項目を動的に生成させようと思うと、Javascriptなどを使って、フォーム表示部分とは別にコードを追加する必要があります。 今回は例として、「一番好きな記事はどれですか?」という質問に対して、ブログの記事タイトル一覧から選択できるようなフォームを作る方法を説明します。 ContactForm7側の設定 ContactForm7の設定画面で、とりあえず、フォーム内にドロップダウンリストを、名前を「favorite」、ID名を「select-title」、
![ContactForm7+jQueryでセレクトボックスを動的に生成する](https://cdn-ak-scissors.b.st-hatena.com/image/square/c656393fa970c6216e45e8685a2c7f4fb5edceb7/height=288;version=1;width=512/http%3A%2F%2Fblog.daichifive.com%2Fwp-content%2Fthemes%2Fd5%2Fimg%2Fsuiside.png)