Trying to simulate multi-column select list

Using a table wrapped in a scrolling div

[GaryK]

When the user clicks on a row in the table I'd like to use that row's unique ID to change the style so that it looks like the selected item in a traditional select list. In other words, normally that would mean changing the background-color to navy and the color to white. If there's a row already selected I need to change its style back to normal.

I have seen this done. Specifically in a firewall product I use on my servers. I can track the currently selected row and the newly selected row via JS. But I can't get at enough of the markup/css/js in the firewall product to figure out how to actually change the styles.

I don't necessarily want someone to code it for me. What I'd appreciate are some pointers to places where I can learn how to do it myself.

Thanks.

[GaryK]

Many thanks to the kind individual who sent me a sticky pointing me to the necessary documentation at W3 Schools to make this work. :)