https://legacy.forums.gravityhelp.com/topic/use-jquery-to-fill-in-fields Gravity Support Forums Topic: Use jQuery to fill in fields. en-US Sat, 04 Apr 2026 13:46:26 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/use-jquery-to-fill-in-fields#post-9236 Wed, 01 Sep 2010 12:35:14 +0000 Mums Studio 9236@https://legacy.forums.gravityhelp.com/ <p>@Carl That's awesome. Works like a charm...</p> <p>Thank you very much.</p> <p>Bjarne // Mums Studio </p> https://legacy.forums.gravityhelp.com/topic/use-jquery-to-fill-in-fields#post-9147 Mon, 30 Aug 2010 10:23:56 +0000 Carl Hancock 9147@https://legacy.forums.gravityhelp.com/ <p>@Mums Studio: Yes, this is possible. First you have to set that hidden field settings so it can be populated dynamically. </p> <p>Edit your form, edit the hidden field you want to store the band name in and then select the Advanced tab. Check the "Allow field to be populated dynamically" checkbox and then it will display a parameter field... give it a name such as "bandname". Save the form.</p> <p>Not you can pass a "bandname" parameter to your form such as...</p> <p><a href="http://domain.com/my-form?bandname=NAMEHERE" rel="nofollow">http://domain.com/my-form?bandname=NAMEHERE</a> </p> https://legacy.forums.gravityhelp.com/topic/use-jquery-to-fill-in-fields#post-9133 Mon, 30 Aug 2010 08:08:10 +0000 Mums Studio 9133@https://legacy.forums.gravityhelp.com/ <p>I have a question that seems a bit like this. Sorry if this is the wrong place to post this.</p> <p>Anyway, what I want, is to have a lot of bands to go to a page with GF and fill out the form. But, I would like one hidden field to dynamically be filled in with the name of the band.</p> <p>The emails to the bands, will be sent out using Campaign Monitor, and I thought I maybe could achieve this by making the band name part of the URL every band is going to click. Ex.: <a href="http://domain.com/form.php#band_name" rel="nofollow">http://domain.com/form.php#band_name</a> or <a href="http://domain.com/form.php?=band_name" rel="nofollow">http://domain.com/form.php?=band_name</a>.</p> <p>Does it make sense?</p> <p>Any help is highly appreciated...</p> <p>Thanks. </p> https://legacy.forums.gravityhelp.com/topic/use-jquery-to-fill-in-fields#post-8032 Fri, 30 Jul 2010 14:23:14 +0000 tollie 8032@https://legacy.forums.gravityhelp.com/ <p>Actually, update - just noticed:</p> <p>The hidden input types do not allow for setting the CSS class. It would be helpful if that could be done.</p> <p>Thanks,<br /> - tollie</p> <p>For the benefit of anyone curious, my solution thus far is to use the HTML block with unique classes (avoiding IDs only to avoid the possibility of conflicts) for each targeted element - a total of about 16. Then, calculate and concatenate what information from that I need passed along to the form, and passing it along by way of 2 hidden inputs.</p> <p>Since I can't set the hidden input CSS, I'll be using custom fields in wordpress to pass along their ID to my template on a page by page basis. (This is the burdensome method I used previously for all of the elements I needed - around 18 - to manipulate before GF implemented the HTML block.) </p> https://legacy.forums.gravityhelp.com/topic/use-jquery-to-fill-in-fields#post-8027 Fri, 30 Jul 2010 11:54:04 +0000 tollie 8027@https://legacy.forums.gravityhelp.com/ <p>Thanks David. That helps. I had suspected, but hadn't counted on, that GF would reuse the same IDs.</p> <p>It would be very much appreciated if in the future, the possibility of pseudo-intelligently scanning the HTML blocks for inputs, was implemented.</p> <p>Thanks,<br /> - tollie </p> https://legacy.forums.gravityhelp.com/topic/use-jquery-to-fill-in-fields#post-8016 Fri, 30 Jul 2010 08:10:28 +0000 David Smith 8016@https://legacy.forums.gravityhelp.com/ <p>Hi Tollie, if you are using the same form the field id's will be consistent. If you are using different forms but each form has the same fields you want to target, you can add classes to the fields in the GF admin and target them with jQuery that way.</p> <p>I'm still not 100% sure what you're end goal is here. If you'd be willing to share a link to the form in question, I'm sure I could give you a much more helpful answer. You can send it to <a href="mailto:david@ounceoftalent.com">david@ounceoftalent.com</a>. </p> https://legacy.forums.gravityhelp.com/topic/use-jquery-to-fill-in-fields#post-7984 Thu, 29 Jul 2010 13:15:29 +0000 tollie 7984@https://legacy.forums.gravityhelp.com/ <p>Thanks for the responses. I'm afraid that somewhere along the line, I either miscommunicated or was misunderstood.</p> <p>Addressing the fields in the HTML block via jQuery is no problem.</p> <p>My question is: is there an easier way to address the GF inputs via javascript, than my previous solution which was to add the form to a page, view the page, and copy/paste the resulting IDs into wordpress custom fields?</p> <p>In other words, I need a way to control the resulting HTML IDs, or some other non-variable alternative that won't change.</p> <p>I need this:</p> <p><code>&lt;li id=&#39;field_3_19&#39; class=&#39;gfield gform_hidden&#39; style=&#39;display:none;&#39;&gt;&lt;input name=&#39;input_19&#39; id=&#39;input_3_19&#39; type=&#39;hidden&#39; class=&#39;gform_hidden&#39; value=&#39;TEST&#39; /&gt;&lt;/li&gt;</code></p> <p>To be this, or similar:<br /> <code>&lt;li id=&#39;field_3_19&#39; class=&#39;gfield gform_hidden&#39; style=&#39;display:none;&#39;&gt;&lt;input name=&#39;input_19&#39; id=&#39;SET-BY-ME&#39; type=&#39;hidden&#39; class=&#39;gform_hidden&#39; value=&#39;TEST&#39; /&gt;&lt;/li&gt;</code></p> <p>Does this help to clarify my question? Thanks.</p> <p>- tollie</p> <p>PS. My first hope was that the inputs inside the HTML block would be auto-detected by GF and available for use in the notifications. The hidden inputs are merely a work around to that, since the HTML block inputs, effectively, don't work. </p> https://legacy.forums.gravityhelp.com/topic/use-jquery-to-fill-in-fields#post-7944 Wed, 28 Jul 2010 17:58:23 +0000 pfoster 7944@https://legacy.forums.gravityhelp.com/ <p>Thanks - I'll dig into this and let you know how it comes out. Tollie, sorry to hijack the thread, hope you get an answer.</p> <p>Patrick </p> https://legacy.forums.gravityhelp.com/topic/use-jquery-to-fill-in-fields#post-7942 Wed, 28 Jul 2010 17:44:39 +0000 Carl Hancock 7942@https://legacy.forums.gravityhelp.com/ <p>Dave's basic code example above showed how to populate a field using jQuery:</p> <p><code>jQuery(&quot;#field_id&quot;).val(&#39;Custom value here&#39;);</code></p> <p>To do so via inputs, etc. of course is going to take more complex jQuery than that. You would use jQuery to populate the hidden fields based on actions taken on your hardcoded fields in the HTML Block. It's possible, but will take jQuery knowledge to implement. </p> https://legacy.forums.gravityhelp.com/topic/use-jquery-to-fill-in-fields#post-7941 Wed, 28 Jul 2010 17:39:01 +0000 pfoster 7941@https://legacy.forums.gravityhelp.com/ <p>I was actually looking to have quantity and total for each row (ex. id="qty_item_1" and id="total_item_1") as well as the Grand Total (id="grandTotal") passed to GF. It's making that connection that I haven't been able to do. Of course it would be possible to build this outside of GF, but would really like to have it in there with all the other forms.<br /> Carl, when you say "jQuery can populate a field dynamically using javascript purely based on the HTML field ids" could you explain how that would be done? </p> <p>Thanks again, </p>