https://legacy.forums.gravityhelp.com/topic/hide-the-submit-button-conditionally-revisited Gravity Support Forums Topic: Hide the SUBMIT button conditionally - Revisited en-US Mon, 20 Apr 2026 20:12:46 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/hide-the-submit-button-conditionally-revisited#post-13992 Tue, 07 Dec 2010 11:22:18 +0000 Kevin Flahaut 13992@https://legacy.forums.gravityhelp.com/ <p>The conditional logic requires you to have a select (drop down) field, checkbox or radio (multiple choice) field in your form for it to hinge on. If you don't have any of those type fields, the option would be grayed out. </p> https://legacy.forums.gravityhelp.com/topic/hide-the-submit-button-conditionally-revisited#post-13989 Tue, 07 Dec 2010 10:01:02 +0000 sahdow 13989@https://legacy.forums.gravityhelp.com/ <p>O.k. Got it. Weird though yesterday when I posted this, the option was grayed out, which is why I tried to use the above option. Perhaps another part of the form needed to be completed first. I created the fields before anything else. </p> https://legacy.forums.gravityhelp.com/topic/hide-the-submit-button-conditionally-revisited#post-13962 Mon, 06 Dec 2010 19:41:24 +0000 Kevin Flahaut 13962@https://legacy.forums.gravityhelp.com/ <p>Conditional logic was functionality for the submit button was built into the plugin in version 1.3.1 - you shouldn't need to implement this script now. This was a workaround before that functionality was introduced into the core.</p> <p>You'll find the conditional logic options for the button along with the normal button settings in the advanced tab of the main form settings panel.</p> <p>screenshot: <a href="http://grab.by/7LfY" rel="nofollow">http://grab.by/7LfY</a> </p> https://legacy.forums.gravityhelp.com/topic/hide-the-submit-button-conditionally-revisited#post-13957 Mon, 06 Dec 2010 17:39:51 +0000 David Smith 13957@https://legacy.forums.gravityhelp.com/ <p>Hi Sahdow, which file did you place your javascript code into? Is this code on the live site you provided? </p> https://legacy.forums.gravityhelp.com/topic/hide-the-submit-button-conditionally-revisited#post-13952 Mon, 06 Dec 2010 16:57:28 +0000 sahdow 13952@https://legacy.forums.gravityhelp.com/ <p>I found this closed thread and was able to get the submit button hidden, unfortunately I'm stuck at trying to figure out how to get it back when the item is selected. </p> <p><a href="http://forum.gravityhelp.com/topic/hide-the-submit-button-conditionally" rel="nofollow">http://forum.gravityhelp.com/topic/hide-the-submit-button-conditionally</a></p> <p>I'd like to know what I need to do to correct this and for future reference, if my sample code is correct (based on craiger's) where I find the input id to return the submit button (I've replaced the input id with question marks - where I think he element I'm missing is). I also tried using Kevin's sample and it had the same problem.</p> <p>Below is the code I'm using - the URL of the form is located:<br /> <a href="http://www.saeler.com/contact-us" rel="nofollow">http://www.saeler.com/contact-us</a></p> <p>I disabled the script, until I can resolve the issue</p> <pre><code>&lt;script type=&quot;text/javascript&quot;&gt; jQuery(document).ready(function(){ jQuery(&quot;#input_2_8&quot;).click(function(){ToggleButton();}); ToggleButton(); }); jQuery(document).ready(function(){ jQuery(&quot;#input_2_29&quot;).click(function(){ToggleButton();}); ToggleButton(); }); function ToggleButton(){ var display = &quot;block&quot;; if(jQuery(&quot;#input_2_8&quot;).val() == &quot;Select One...&quot;) display = &quot;none&quot;; else if(jQuery(&quot;#input_2_8&quot;).val() == &quot;Maintenance / Support Request&quot;) display = &quot;none&quot;; else if(jQuery(&quot;#input_2_8&quot;).val() == &quot;General Questions / Comments&quot;) display = &quot;none&quot;; else if(jQuery(&quot;#input_2_8&quot;).val() == &quot;Advertising / Joint Venture Offer&quot;) display = &quot;none&quot;; jQuery(&quot;.button&quot;).css(&quot;display&quot;, display); } &lt;/script&gt;</code></pre>