https://legacy.forums.gravityhelp.com/topic/adding-individual-classes-to-options Gravity Support Forums Topic: Adding individual classes to options en-US Tue, 21 Apr 2026 20:29:43 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/adding-individual-classes-to-options#post-47825 Mon, 30 Jan 2012 17:42:44 +0000 Rob Harrell 47825@https://legacy.forums.gravityhelp.com/ <p>Nice, glad you got it creatively working! :) </p> https://legacy.forums.gravityhelp.com/topic/adding-individual-classes-to-options#post-47787 Mon, 30 Jan 2012 14:42:54 +0000 Shelly 47787@https://legacy.forums.gravityhelp.com/ <p>HI Rob,</p> <p>sorry it took so long to get back to you :)</p> <p>I did try the "important!" thing, and it didn't work. (apparently, option tags can't be set with "display:none;" from what I found when googling - especially in IE. I couldn't get some of the options to bold, either. Apparently, they ignore styling on individual items.) </p> <p>So I did the workaround instead: created the form for the "regular" pricing, then duplicated the form and replaced the "regular" pricing with the "mid-year" discounted pricing. Then I used my custom function (that checks the current data against the required dates) and if it's a regular day of the year, it displays the "regular price" form on the page, and if it's between the 2 mid-year dates. it pulls in the "reduced pricing" form on the page. Works great :)</p> <p>I have to edit 2 forms instead of one (if anything major gets changed) but it's working fine anyway! </p> https://legacy.forums.gravityhelp.com/topic/adding-individual-classes-to-options#post-45785 Sat, 07 Jan 2012 19:05:44 +0000 Rob Harrell 45785@https://legacy.forums.gravityhelp.com/ <p>Did you try display: none !important; Maybe that will help override? Can you post a link to your form? </p> https://legacy.forums.gravityhelp.com/topic/adding-individual-classes-to-options#post-45783 Sat, 07 Jan 2012 17:07:35 +0000 Shelly 45783@https://legacy.forums.gravityhelp.com/ <p>Okay - that worked! it's adding my classes. However, it's still showing the items for some reason, even though the class is set to display:none. Very weird. I suspect something is overriding my setting.</p> <p>but thanks so much, I appreciate that! </p> https://legacy.forums.gravityhelp.com/topic/adding-individual-classes-to-options#post-45782 Sat, 07 Jan 2012 14:39:09 +0000 Shelly 45782@https://legacy.forums.gravityhelp.com/ <p>Sweet! Thanks, I'll give that a shot. I appreciate it! </p> https://legacy.forums.gravityhelp.com/topic/adding-individual-classes-to-options#post-45780 Sat, 07 Jan 2012 14:28:08 +0000 Rob Harrell 45780@https://legacy.forums.gravityhelp.com/ <p>You can achieve this with query, maybe something like this:</p> <pre><code>[css]&lt;script type=&quot;text/javascript&quot;&gt; jQuery(document).ready(function(){ jQuery(&quot;#inputID option[value=&#39;Field Value&#39;]&quot;).attr(&#39;class&#39;, &#39;some class&#39;); }); &lt;/script&gt;</code></pre> <p>You can feel free to get more vague or specific with that selector, but that would work. </p> https://legacy.forums.gravityhelp.com/topic/adding-individual-classes-to-options#post-45770 Sat, 07 Jan 2012 10:52:43 +0000 Shelly 45770@https://legacy.forums.gravityhelp.com/ <p>I realize it's Saturday, but I figured I'd ask anyway :)</p> <p>I have a dropdown form field where three of the items should only appear between two dates. I've already created a function to check the current date, and the function will add a "display:none;" all to the header so it'll hide the options I want. However, although I can add a class to the dropdown itself, I can't add specific classes to the individual options. The output simply gives </p> <p><code>&lt;option value=&quot;whatever value&quot;&gt;Option name&lt;/option&gt;</code></p> <p>where I'd like the output to be</p> <p><code>&lt;option value=&quot;whatever value&quot; class=&quot;someclass&quot;&gt;Option name&lt;/option&gt;</code></p> <p>is there some sort of hook or something so I can make that happen? </p>