フォームの前に非表示フィールドを設定する

Question

jQueryを使用してフォームにいくつかの非表示フィールドを追加しています。これを試してみましたが、必要なものの前にフォームが表示されます。

私は手作業で非表示のフィールドをページに配置して、フォームにプリペンドしました（フォームビルダーを使用しているので、この方法で試してみます）。

jQuery('<input>').attr({ 
    type: 'hidden', 
    name: 'lm_FormResponsePage', 
    value: 'http://oembrocademdf.channelmobile.co/thank-you/' 
}).prependTo('.ninja-forms-cont form'); 

jQuery('<input>').attr({ 
    type: 'hidden', 
    name: 'lm_FormKey', 
    value: '' 
}).prependTo('.ninja-forms-cont form'); 

jQuery('<input>').attr({ 
    type: 'hidden', 
    name: 'lm_MappingID', 
    value: '63' 
}).prependTo('.ninja-forms-cont form'); 

jQuery('<input>').attr({ 
    type: 'hidden', 
    name: 'lm_FormID', 
    value: '723' 
}).prependTo('.ninja-forms-cont form'); 

jQuery('<input>').attr({ 
    type: 'hidden', 
    name: 'lm_CompanyID', 
    value: '24242' 
}).prependTo('.ninja-forms-cont form'); 

しかし、私は、フォームを送信すると、私が手..

フォームを処理することができません。 lm_FormIDもlm_MappingIDも設定されていません

すごく助かりました！

Answer 1

このPlunkrが役立つかもしれません。私はあなたのHTMLを推測していません。私はあなたのHTMLを与える場合は、より多くを手伝うことができます。

サーバーに送信する前にserializeを使用してください。

var form = $('.ninja-forms-cont form') 
var urlParams = $(form).serialize(); 

https://plnkr.co/edit/fdwEqjHNaQvvOAxWcBpU