https://legacy.forums.gravityhelp.com/topic/how-can-i-change-option-values-without-submitting-the-page Gravity Support Forums Topic: How can I change option values without submitting the page? en-US Tue, 21 Apr 2026 12:16:00 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/how-can-i-change-option-values-without-submitting-the-page#post-77772 Fri, 28 Sep 2012 00:52:44 +0000 Chris Hajer 77772@https://legacy.forums.gravityhelp.com/ <p>I'll leave the topic open in case someone with experience wants to post the code here for you. I don't have any examples of that functionality to share with you currently. </p> https://legacy.forums.gravityhelp.com/topic/how-can-i-change-option-values-without-submitting-the-page#post-77524 Wed, 26 Sep 2012 15:16:49 +0000 Rob Rasmussen 77524@https://legacy.forums.gravityhelp.com/ <p>Yes that is how I am doing it with JQuery. I just thought there would have been someone kind enough in here that might have done something similar to this before that could have provided some examples or guidance on this topic. </p> <p>Thanks anyway. </p> https://legacy.forums.gravityhelp.com/topic/how-can-i-change-option-values-without-submitting-the-page#post-77513 Wed, 26 Sep 2012 14:19:04 +0000 Chris Hajer 77513@https://legacy.forums.gravityhelp.com/ <p>There is a way: it is with jQuery (JavaScript). It's not Gravity Forms functionality. The calculation is done on the client side, in the browser, with jQuery.</p> <p>You could redirect to the same form somehow and pre-populate certain fields. You'd have to keep track of the status of the submission (if it's a calculation submission or a real submission.) You could make the real submit button conditional on <em>something</em>. Display the calculate button to fake a submission. I don't think this is a good approach and I am sure there are pitfalls involved.</p> <p>I would go with a jQuery or JavaScript solution which is normally how that functionality is added to a web page without requiring a form submission to do the calculations. </p> https://legacy.forums.gravityhelp.com/topic/how-can-i-change-option-values-without-submitting-the-page#post-77507 Wed, 26 Sep 2012 13:16:04 +0000 Rob Rasmussen 77507@https://legacy.forums.gravityhelp.com/ <p>So there is no way to keep everything on the same page then for the user experience? The user can change their value at any time and will need to be able to have the ability to calculate, which is somewhat like a submit but not complete the submission process until they are done and fill out their name and email etc. </p> <p>I am trying a redirect to the same form right now on submit with query values holding the Loan and Profit amount re-populating the fields upon clicking Submit in order to treat Submitting as a calculation button rather than Submission. Have you seen this approach before? Am I headed in a good direction? </p> https://legacy.forums.gravityhelp.com/topic/how-can-i-change-option-values-without-submitting-the-page#post-77503 Wed, 26 Sep 2012 13:03:51 +0000 Chris Hajer 77503@https://legacy.forums.gravityhelp.com/ <p>The only way you would use Gravity Forms functions and PHP would be if you are using multiple forms and passing the values between, or if you knew up front what the user input would be, so you could add the calculated value with the gform_pre_render filter. </p> https://legacy.forums.gravityhelp.com/topic/how-can-i-change-option-values-without-submitting-the-page#post-77502 Wed, 26 Sep 2012 13:02:34 +0000 Chris Hajer 77502@https://legacy.forums.gravityhelp.com/ <p>There won't be any Gravity Forms-specific functions to call. There won't be any PHP since the server will not be doing any processing. It will all be jQuery added to the page, to take values entered in specific fields and perform your calculations on them. That calculated number will then be added to an existing field, and maybe that is what gets submitted with the form. It's not related to Gravity Forms or PHP at all: it will all be user functionality on the front end using JavaScript or the jQuery library.</p> <p>jQuery has a whole bunch of event methods: <a href="http://api.jquery.com/category/events/" rel="nofollow">http://api.jquery.com/category/events/</a> </p> https://legacy.forums.gravityhelp.com/topic/how-can-i-change-option-values-without-submitting-the-page#post-77501 Wed, 26 Sep 2012 12:57:28 +0000 Rob Rasmussen 77501@https://legacy.forums.gravityhelp.com/ <p>Yes I realize that, my question is what is the proper way to do so with Gravity forms and php. Is there a certain function within Gravity Forms that should be used/called to execute? I keep coming across gform_pre_render and other functions that look like they will work but when I add my code to set the values for the fields and perform the calculations, it doesn't happen. </p> <p>I am looking for a similar event to a .NET onchange(). I am a new to PHP, wordpress, and jQuery so please excuse my asking for assistance or for any examples. </p> https://legacy.forums.gravityhelp.com/topic/how-can-i-change-option-values-without-submitting-the-page#post-77495 Wed, 26 Sep 2012 12:16:40 +0000 Chris Hajer 77495@https://legacy.forums.gravityhelp.com/ <p>To perform calculations on the same page, you're going to have to use jQuery or JavaScript. Gravity Forms is not involved until the form is actually submitted. </p> https://legacy.forums.gravityhelp.com/topic/how-can-i-change-option-values-without-submitting-the-page#post-77481 Wed, 26 Sep 2012 11:09:43 +0000 Rob Rasmussen 77481@https://legacy.forums.gravityhelp.com/ <p>Hello, </p> <p>I can see others have asked this question but the replies were taken to private emails so I didn't see the solutions. </p> <p>I am trying to build a leasing calculator and provide users the ability to input two values and select one of four desired lease terms (which will be calculated based on our rates and their entered values). The user has the ability to change the amounts and click calculate and without submitting, the form will recalculate and refresh with the new term lease amounts. Example below:</p> <p>Input fields from User:<br /> -Estimated Loan Amount: $50,000<br /> -Estimated Monthly Profit: $5,000<br /> <pre><code>[html] Available Monthly Terms 24 36 48 60 $2,284 $1,590 $1,244 $1,038 to to to to $2,401 $1,709 $1,366 $1,163</code></pre> <p>Several other values/fields based on the calculation will be returned as well but I just need to get this part going first. </p> <p>I would appreciate any help. Right now we have this calculator working on our live website but it is split on three pages and dumping calculations to HTML fields and causing the user to have to go back two pages to re-enter their starting Loan and Profit amounts.</p> <p>Thanks! </p>