「項目を無限に増やしたい」
増やしたい項目がどういった類の情報を入力させるためのものなのかがわからないのと、それらを別々のデータとして処理や管理しなければいけないのかどうかによってもだいぶ変わってくるかと思います。
もし後から作成したinputに入力された値が単にお問い合わせの内容やメールに記載されていればよいということであれば、
- あらかじめ追加される項目用のフィールド(仮にinput[name="addition"]とします)を作成しておく(フォームとしてはhiddenやdisplay:noneにするなどして表示しない)
- ボタンを押した際にJavaScriptで適当な位置にinputなどのフォームを追加する(仮にinput[class="add-input"]とします)
- お問い合わせの確定ボタンを押した際にJavaScriptで.add-inputの値を引っ張ってきてinput[name="addition"]のvalueに突っ込む
といった感じで、増減に対応した上で、あらかじめフィールドがわかっているのでメールなどにもその内容が記載された上で値を取得できるのではないかと思いました。(かなり力技感はありますが)
具体的には、
<input type="text" class="add-input" value=""/> // これが増えていく
<input type="text" class="add-input" value=""/>
...
<input type="hidden" name="addition" value=""/>
jQuery('.wpcf7c-btn-submit').click(function(){
var value = '';
jQuery.find('.add-input').each(function(){
// フォーマットが必要であればこの辺りでよきにしてください
value += jQuery(this).val()
});
jQuery.find('input[name="addition"]').val(value)
});
と言った感じです。(JavaScriptと書きましたがjQuery使っています)
コードは最低限のもの&検証まではしていません。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/06/20 09:42
2016/06/20 09:46