I created 8 TVs for options on a shopping cart. If a product only has 4 I need to hide the other 4. The code below works in FF and Chrome but not IE. Funny thing is that if all the options and option name are left blank the display:none works on the span tag. Any other options would be appreciated.
<div class="options">
<span style="[[*options:ifempty=`display:none;`]]">Choose [[*options:notempty=`[[*options]]`]]: </span><select name="[[*options:notempty=`[[*options]]`]]" size="1" style="[[*options:ifempty=`display:none;`]]">
<option value="[[*option01:notempty=`[[*option01]]`]]" style="[[*option01:ifempty=`display:none;`]]">[[*option01:notempty=`[[*option01]]`]]</option>
<option value="[[*option02:notempty=`[[*option02]]`]]" style="[[*option02:ifempty=`display:none;`]]">[[*option02:notempty=`[[*option02]]`]]</option>
<option value="[[*option03:notempty=`[[*option03]]`]]" style="[[*option03:ifempty=`display:none;`]]">[[*option03:notempty=`[[*option03]]`]]</option>
<option value="[[*option04:notempty=`[[*option04]]`]]" style="[[*option04:ifempty=`display:none;`]]">[[*option04:notempty=`[[*option04]]`]]</option>
<option value="[[*option05:notempty=`[[*option05]]`]]" style="[[*option05:ifempty=`display:none;`]]">[[*option05:notempty=`[[*option05]]`]]</option>
<option value="[[*option06:notempty=`[[*option06]]`]]" style="[[*option06:ifempty=`display:none;`]]">[[*option06:notempty=`[[*option06]]`]]</option>
<option value="[[*option07:notempty=`[[*option07]]`]]" style="[[*option07:ifempty=`display:none;`]]">[[*option07:notempty=`[[*option07]]`]]</option>
<option value="[[*option08:notempty=`[[*option08]]`]]" style="[[*option08:ifempty=`display:none;`]]">[[*option08:notempty=`[[*option08]]`]]</option>
</select></div>
Everything I know I learned on the internet. Saved me thousands in College tuition,
