Shade row in a select box?

[BigDaddy]

Hi.

I need to be able to shade the row of a select box depending on the value of it. If it matches a certain criteria, it should be gray, or whatever.

Can I do this?

[boywonder]

sure you can script that after checking your criteria like:

document.formname.selectname.options[someoption].style.backgroundColor = 'somecolor';

[BigDaddy]

That answers my question. I should be able to rig it up from there.

Many thanks.

[BigDaddy]

In this example given, what takes the place of

option[someoption] ?

What I'm doing is pulling a list of data from a database, using ASP, I'm writing an <option> for each row in the recordset.

If the row has and expiration_date, I want to use javascript to set the background color of that <option> to a different color.

So far my code looks like:

<option value = "MyValue"

<%

IF ExpDate <> "" then response.write "document.tpainfo.tpa.options[someoption].style.backgroundColor = 'red';" end if %>>
MyValue
</option>

[beetle]

If you're writing with ASP, why not just add a class to the option, then define that class in your CSS. That way, if you want to change how the highlight looks, just open your CSS and leave the ASP alone

[BigDaddy]

How would I do that? I'm having a hard time getting the syntax for that.

[beetle]

Well, I don't know ASP (vbscript) but I can show you what it would look like in PHP

PHP Code:

if ( $ExpDate != "" )
    echo ( '<option value="$value" class="highlight">$text</option>' );
else
    echo ( '<option value="$value">$text</option>' ); 


Then, in the CSS

option.highlight {
    background-color: red;
    }

[BigDaddy]

Nifterooni!


It worked. That little bit of php is easy enough to understand to translate to ASP. Besides, all I needed was the style info.

Many, many thanks.