https://legacy.forums.gravityhelp.com/topic/dynamically-loaded-options-in-select-box-disappearing-in-multi-page-forms Gravity Support Forums Topic: Dynamically loaded options in select box disappearing in multi-page forms en-US Mon, 20 Apr 2026 02:36:22 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/dynamically-loaded-options-in-select-box-disappearing-in-multi-page-forms#post-45920 Mon, 09 Jan 2012 20:13:27 +0000 44pixels 45920@https://legacy.forums.gravityhelp.com/ <p>@randomwalk Did you guys ever figure this issue out? We're also using AJAX to populate dropdowns based on user selections in a multi-page form and the data is being lost in subsequent pages. Any help would be greatly appreciated, I've been working on it for hours and I'm stumped! </p> https://legacy.forums.gravityhelp.com/topic/dynamically-loaded-options-in-select-box-disappearing-in-multi-page-forms#post-21749 Mon, 28 Mar 2011 11:01:26 +0000 Alex Cancado 21749@https://legacy.forums.gravityhelp.com/ <p>gform_post_submission is the right hook to get a snapshot of the data. Your problem is that you are populating the second drop down only when the first drop down changes. When the page refreshes when going to the second page, your changes are gone.<br /> If your form is an AJAX form, you can use the gform_page_loaded javascript hook (<a href="http://www.gravityhelp.com/documentation/page/Gform_page_loaded" rel="nofollow">http://www.gravityhelp.com/documentation/page/Gform_page_loaded</a>) to re-populate your drop down everytime the page changes.<br /> If your form is not an AJAX form, you will need to use the gform_pre_render php filter (<a href="http://www.gravityhelp.com/documentation/page/Gform_pre_render" rel="nofollow">http://www.gravityhelp.com/documentation/page/Gform_pre_render</a>) in order to add those drop down values when going from one page to the next.</p> <p>I hope this helps!<br /> Alex. </p> https://legacy.forums.gravityhelp.com/topic/dynamically-loaded-options-in-select-box-disappearing-in-multi-page-forms#post-21712 Sun, 27 Mar 2011 14:45:12 +0000 randomwalk 21712@https://legacy.forums.gravityhelp.com/ <p>Thanks!</p> <p>On the off chance, we're currently using the gform_post_submission hook ... to just get a snapshot of the data, would the gform_pre_submission hook happen to have the raw data, or -- as it was on a previous page of a multipage form -- would that not work either?</p> <p>Looking forward to hearing what the developer thinks!</p> <p>Thanks! </p> https://legacy.forums.gravityhelp.com/topic/dynamically-loaded-options-in-select-box-disappearing-in-multi-page-forms#post-21689 Sun, 27 Mar 2011 13:05:44 +0000 Carl Hancock 21689@https://legacy.forums.gravityhelp.com/ <p>You are exactly right. There is logic in place to make sure the values in the drop down select box matches those in the database. This is for security reasons so that users can't manipulate the selection values.</p> <p>There is, however, a way around this. I am forwarding this post to one of our developers who will respond with some information on how to accomplish what you want to do without running into the data validation issue. </p> https://legacy.forums.gravityhelp.com/topic/dynamically-loaded-options-in-select-box-disappearing-in-multi-page-forms#post-21672 Sun, 27 Mar 2011 10:58:17 +0000 randomwalk 21672@https://legacy.forums.gravityhelp.com/ <p>Hey guys,</p> <p>We're currently hitting a bit of a problem with may be some built in GravityForms data validation code biting us in the rear. Hoping you'll know ...</p> <p>In short, what we're doing when building a form is adding a class name to a certain field that we're using (via the built in hook) and populating that dropdown's value all ajaxy-ish based on the selection from a previous dropdown, like so:</p> <pre><code>&lt;script type=&quot;text/javascript&quot;&gt; jQuery.noConflict(); jQuery(document).ready(function($){ $(&#39;li.rw_school_dropdown select&#39;).change(function(){ $.ajax({ url : &#39;&lt;?php bloginfo(&#39;url&#39;); ?&gt;&#39;, data : { action : &#39;get_degrees_options_from_school_id&#39;, school_id : $(this).val() }, dataType: &#39;text&#39;, success : function( data ){ console.log( data ); $(&#39;li.rw_degree_dropdown select&#39;).html( data ); } }); }); }); &lt;/script&gt;</code></pre> <p>and it's working great! The second field gets populated properly, and on single-page forms the data we're catching at gform_post_submission is good, and the field has the proper value from the dynamically loaded dropdown.</p> <p>However, on multi-page forms, with the dropdowns on page 1 the form, it seems that the value doesn't get carried across to the gform_post_submission hook ... my first guess is that you guys may be running some sort of data validation, making sure that the option selected by the dropdown select box matches one of those available for the form in the DB? As we're populating it dynamically from an alternate data source, of course it's not going to match, and therefore gets filtered out?</p> <p>Is there any way that we can get the data we want? Do you have any idea why it's getting snagged away? </p>