Adding individual classes to options

You can achieve this with query, maybe something like this:

[css]<script type="text/javascript">
jQuery(document).ready(function(){
    jQuery("#inputID option[value='Field Value']").attr('class', 'some class');
});
</script>

You can feel free to get more vague or specific with that selector, but that would work.

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.

but thanks so much, I appreciate that!

HI Rob,

sorry it took so long to get back to you :)

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.)

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 :)

I have to edit 2 forms instead of one (if anything major gets changed) but it's working fine anyway!