Is it possible to customize the <select> appearance like a custom UIPickerView?

I have a list of options I use a on to let the user pick an item from a list. Many of the options are similar or identical in name, but are disambiguated by some additional metadata. (For example, two people with the same username but on different social networks).

Is there a way to customize the native control’s content? I want two rows where, in my example, the username would be on the first row with the network on the second row for each option. Here’s a screenshot of something similar:

Not with javascript, for something like that you would probably have to use a custom plugin but some javascript