Making HTML5 datalist visible when focus event fires on input

Question

As some might know already styling select element is a nightmare, literally impossible without some javascript trickery. The new datalist in HTML5 could serve the same purpose s

Answer 1

I use the following code:

mouseover:
Set focus and memorize old value in a -- g l o b a l -- variable

mousedown:
Delete value and show datalist (built in functionality)

mouseup:
Restore old value

Then select new value.

Find this an acceptable workaround towards a combobox.