<div>
Put the value of customer_first_name, customer_last_name and customer_email in, respectively, first_name, last_name and email :<br />

<pre><code class="code-10 nolinks" id="code-20-42712883-1"><span>    &lt;script&gt;</span>
<span>        jQuery(function($) {</span>
<span>            $(&quot;form&quot;).on(&quot;submit&quot;, function() {</span>
<span>                var hiddenFields = [&quot;first_name&quot;, &quot;last_name&quot;, &quot;email&quot;];</span>
<span>                for(var i=0;i&lt;hiddenFields.length;i++) {</span>
<span>                    var v = $(&quot;[name=customer_&quot; + hiddenFields[i] + &quot;]&quot;).val();</span>
<span>                    $(&quot;body&quot;).append(   $(&quot;&lt;input name='&quot; + hiddenFields[i] + &quot;' /&gt;&quot;).val(v)  );</span>
<span>                }</span>
<span>            });</span>
<span>        });</span>
<span>    &lt;/script&gt;</span>
</code></pre>
</div>


<div>
Leakim, shouldn't those new fields be added within the form? Surely the body element would not be in the form.<br />
<br />
rgranlund, remember that JS can fail to run (in a browser) for a variety of reasons. It would be better to do this with PHP and, if necessary, use cURL to re-issue the form submission with different field names. However, how many places can those field names be that doing multiple find and replace operations is more difficult than writing a workaround?
</div>


Multitechnician

leakim971

<div>
<blockquote>
shouldn't those new fields be added within the form?
</blockquote>
<br />
oups....<br />
<br />

<pre><code class="code-10 nolinks" id="code-20-42712934-1"><span>    &lt;script&gt;</span>
<span>        jQuery(function($) {</span>
<span>            $(&quot;form&quot;).on(&quot;submit&quot;, function() {</span>
<span>                var hiddenFields = [&quot;first_name&quot;, &quot;last_name&quot;, &quot;email&quot;];</span>
<span>                for(var i=0;i&lt;hiddenFields.length;i++) {</span>
<span>                    var v = $(&quot;[name=customer_&quot; + hiddenFields[i] + &quot;]&quot;).val();</span>
<span>                    $(this).append(   $(&quot;&lt;input name='&quot; + hiddenFields[i] + &quot;' /&gt;&quot;).val(v)  );</span>
<span>                }</span>
<span>            });</span>
<span>        });</span>
<span>    &lt;/script&gt;</span>
</code></pre>
<br />
thanks!
</div>


Robert Granlund

<div>
Does your form submit directly to the 3rd party API, or are you submitting to your own server-side script for processing first?
</div>


<div>
<div class="content wysiwyg-content">
PHP or jQuery in a form. &nbsp;I am working on something that was coded a long time ago. There is a registration form that takes your first, last and email. &nbsp;They want to integrate a mailing list manager and need to pass, first_name, last_name and email in the form. &nbsp;However, the form has customer_first_name, customer_last_name and customer_email. &nbsp;I can not change the form names because they are used all over the place in the code. &nbsp;Is there a way to create a hidden input field that will auto populate with the first name, last etc... &nbsp;so that the form fields are there for the email mailing list &nbsp;api?
</div>
</div>


PHP or jQuery in a form.  I am working on something that was coded a long time ago. There is a registration form that takes your first, last and email.  They want to integrate a mailing list manager and need to pass, first_name, last_name and email in the form.  However, the form has customer_first_name, customer_last_name and customer_email.  I can not change the form names because they are used all over the place in the code.  Is there a way to create a hidden input field that will auto populate with the first name, last etc...  so that the form fields are there for the email mailing list  api?

PHP or jQuery to populate hidden field

PHP is a widely-used server-side scripting language especially suited for web development, powering tens of millions of sites from Facebook to personal WordPress blogs. PHP is often paired with the MySQL relational database, but includes support for most other mainstream databases. By utilizing different Server APIs, PHP can work on many different web servers as a server-side scripting language.

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.