<select> опции расширенного отображения

Question

У меня есть поле выбора со значениями кода страны, у них есть «короткая» метка (2 буквы) и «длинная» метка (полное имя).

когда не выбрано, я хочу, чтобы «короткая» метка появлялась, но при щелчке и полном выборе, чтобы выбрать из «длинных» меток, в выпадающем списке должна появиться.

это вообще возможно с html? или мне нужно визуализировать текстовое поле и нарисовать выделение над ним с помощью js / css? есть ли в любой платформе расширенный компонент?

Answer 1

Это невозможно с чистым HTML.Это может потребовать замены SELECT на основе Javascript.

Проверьте следующие ресурсы:

• 11 Подключаемые модули jQuery для улучшения выпадающих списков HTML

(Хотел опубликовать примеры для каждого плагина на основе JQuery, Prototype и Mootools, чтобы избежать Frameworkism, но сейчас не могу быстро их найти)

Answer 2

Может быть проще подключить текстовое поле с выпадающим списком js, который имеет короткую метку и заполняется полным именем. Есть масса из них, которые уже делают большую часть этого, это всего лишь пара твиков для полного эффекта.