プレビュー連絡先フォーム7投稿前投稿フォーム

Question

私は多段階申請フォームを作成するためにお問い合わせフォーム7を使用しています。フォームを送信する前に、前に入力したすべてのフィールドのプレビュー/要約を追加する必要があります。 これを行うプラグインが見つかりませんでしたので、フォームフィールドの値を変数に保存してdivに表示し、使用したすべてのフィールドの手順を繰り返すJavaScript関数を追加すると考えました。

• が、これはその問題を処理するための正しい方法ですか、あなたが何かを提案することができます：

  私は2つの質問がありますか？

• 次のコードを使用してid #companynameのcf7テキストフィールドの値を取得し、その値をid＃div1のdivに入れても機能しません。

フォームフィールドの値を受け取り、保存フォームの別のdivに表示するにはどうすればよいですか？

jQuery('#companyname').on('blur' , function(){ 
    var company_name = JQuery('#companyname').val(); 
    jQuery('#div1').text = company_name; 
}); 

ありがとうございます!!!

Answer 1

text()メソッドが不適切に使用されました（これは引数であり、代入ではありません）。 jQuery(this)を使用して、現在のオブジェクトを参照することもできます。また、 "JQuery"でタイプミスがあり、大文字に注意してください。

jQuery('#companyname').on('blur', function() { 
    var company_name = jQuery(this).val(); 
    jQuery('#div1').text(company_name); 
});