https://legacy.forums.gravityhelp.com/topic/dynamic-field-population-based-on-dropdown-value Gravity Support Forums Topic: Dynamic Field Population Based on Dropdown value en-US Mon, 20 Apr 2026 02:56:57 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/dynamic-field-population-based-on-dropdown-value#post-33654 Fri, 26 Aug 2011 15:06:12 +0000 David Smith 33654@https://legacy.forums.gravityhelp.com/ <p>The total portion of the code should work more like this:</p> <pre><code>[js] //calculate the total value of an array of values var total = 0; $(&#39;#input_167_1, #input_167_2, #input_167_4&#39;).each(function() { total += $(this).val(); }); jQuery(&#39;#input_167_999&#39;).val(total); // update 999 to the field ID you wish to update the total for</code></pre> https://legacy.forums.gravityhelp.com/topic/dynamic-field-population-based-on-dropdown-value#post-33624 Fri, 26 Aug 2011 06:54:43 +0000 sascha 33624@https://legacy.forums.gravityhelp.com/ <p>Just wanted to keep up to date on this. I could not subscribe to this topic without leaving some text here.... </p> https://legacy.forums.gravityhelp.com/topic/dynamic-field-population-based-on-dropdown-value#post-33593 Thu, 25 Aug 2011 18:08:25 +0000 Mattbw11 33593@https://legacy.forums.gravityhelp.com/ <p>Appreciate the quick replies! </p> <p>(clearly) I am not very experienced with JQuery/php but just to be clear so I understand correctly.<br /> would my updated code look something like this?</p> <pre><code>&lt;?php add_filter(&quot;gform_pre_render_167&quot;, &quot;monitor_dropdown&quot;); function monitor_dropdown($form){ ?&gt; &lt;script type=&quot;text/javascript&quot;&gt; jQuery(document).ready(function(){ jQuery(&#39;#input_167_3&#39;).bind(&#39;change&#39;, function() { //get selected value from drop down; var selectedValue = jQuery(&quot;#input_167_3&quot;).val(); //populate a text field with the selected drop down value jQuery(&quot;#input_167_1&quot;).val(selectedValue); //add options to a drop down menu jQuery(&#39;#dropdown_470&#39;).append(&#39;&lt;option value=&quot;option value&quot;&gt; #input_9_300, #input_9_301 , #input_9_302 , #input_9_303 &lt;/option&gt;&#39;); //calculate the total value of an array of values var total = 0; $.each(arr,function(&quot;#input_167_1, #input_167_2, #input_167_4&quot;) { total += this; }); }); }); &lt;/script&gt; &lt;?php return $form; } ?&gt;</code></pre> <p>Which part of the code allows you to define the field that will hold the outputted value?</p> <p>Thanks again, this will be great if we can add this functionality to our forms!<br /> Cheers </p> https://legacy.forums.gravityhelp.com/topic/dynamic-field-population-based-on-dropdown-value#post-33591 Thu, 25 Aug 2011 17:21:01 +0000 David Smith 33591@https://legacy.forums.gravityhelp.com/ <p>You can add options to a drop down menu like so:</p> <pre><code>[js] jQuery(&#39;#dropdown_id&#39;).append(&#39;&lt;option value=&quot;option value&quot;&gt;Option Name&lt;/option&gt;&#39;);</code></pre> <p>The option value and name can be determined by retrieving the value of whatever field you'd like to populate there.</p> <p>To calculate the total value of an array of values, you can do this:</p> <pre><code>[js] var total = 0; $.each(arr,function() { total += this; });</code></pre> <p>You can assign the total value just like you assign the value of the field in the original example. </p> https://legacy.forums.gravityhelp.com/topic/dynamic-field-population-based-on-dropdown-value#post-33590 Thu, 25 Aug 2011 16:59:09 +0000 Mattbw11 33590@https://legacy.forums.gravityhelp.com/ <p>I figured it would be something that easy, thank you!</p> <p>With my fields now populating dynamically, I wondering... Is it possible to use jQuery in a similar way to populate a dropdown menu based on values entered into a number of fields? I am using a multi-page form. I have found a similar topic in the forum but it wont quite work for us. </p> <p>Also, is there a way to add/subtract/mulitply/divide the value from an array of field values and then populate another field with the result?</p> <p>Thanks for the help with all this you guys are great! </p> https://legacy.forums.gravityhelp.com/topic/dynamic-field-population-based-on-dropdown-value#post-33586 Thu, 25 Aug 2011 16:46:12 +0000 David Smith 33586@https://legacy.forums.gravityhelp.com/ <p>You can add as many field IDs as you want to the line that actually updates the value. For example, you could change this:<br /> <pre><code>[js] //populate a text field with the selected drop down value jQuery(&quot;#input_167_1&quot;).val(selectedValue);</code></pre> <p>to this:<br /> <pre><code>[js] //populate a text field with the selected drop down value jQuery(&quot;#input_167_1, #input_167_2, #input_167_4&quot;).val(selectedValue);</code></pre> <p>And it would update the value of all three fields. </p> https://legacy.forums.gravityhelp.com/topic/dynamic-field-population-based-on-dropdown-value#post-33562 Thu, 25 Aug 2011 13:52:09 +0000 Mattbw11 33562@https://legacy.forums.gravityhelp.com/ <p>Is is there anyway to populate multiple fields using the example below? I know I can copy and paste the script every time I want to populate another field but I was hoping to be able to shorten the amount of code. </p> <p>Do you know of an easy way to add this functionality using the code below from Alex?</p> <p>Thanks!<br /> ------------------</p> <pre><code>&lt;?php add_filter(&quot;gform_pre_render_167&quot;, &quot;monitor_dropdown&quot;); function monitor_dropdown($form){ ?&gt; &lt;script type=&quot;text/javascript&quot;&gt; jQuery(document).ready(function(){ jQuery(&#39;#input_167_3&#39;).bind(&#39;change&#39;, function() { //get selected value from drop down; var selectedValue = jQuery(&quot;#input_167_3&quot;).val(); //populate a text field with the selected drop down value jQuery(&quot;#input_167_1&quot;).val(selectedValue); }); }); &lt;/script&gt; &lt;?php return $form; } ?&gt;</code></pre>