title: <select> options advanced display
body: <p>i have a selectbox with Country code values, they have a "short" label (2 letters) and a "long" label (full name). </p>
  
  <p>when not selected i want the "short" label to appear, but when clicked and the full selection appears to chose from the "long" labels should appear in the dropdown.</p>
  
  <p>is this even possible with html? or do i need to render a textfield and draw the selction  over it using js/css?
  is there maybe an advanced component available in any framework?</p>