Как отображать изображения в раскрывающемся списке вместо текста

Question

Есть ли способы показывать изображения вместо текста в раскрывающемся списке (используя тег)?

Спасибо заранее, Monte

Answer 1

Вы не можете сделать это с нормальными ниспадающими коробками в HTML. Возможно, вы сможете создать что-то вроде раскрывающегося ящика с JQuery или что-то подобное, но в обычном HTML нечего делать.

Answer 2

Вы можете использовать тег optgroup внутри вашего тега выбора. Они могут быть оформлены в стиле и иметь фоновое изображение. Создайте его с помощью css и поместите один вариант для каждой группы.

w3c optgroup description

Answer 3

Я предполагаю, что вы мечения о раскрывающемся списке для веб-браузера. Если это предположение верно, и если вы хотите использовать Javascript, то вы можете использовать что-то вроде Javascript Custom Dropdown v2.1 от Marghoob Suleman.

Answer 4

Я создал серверный элемент управления ASP.NET (с использованием AJAX), который имеет список флажков в раскрывающемся списке, поэтому я могу сказать вам, что это можно сделать. Две панели, одна из которых выглядит как раскрывающийся список и показывает другую, когда вы нажимаете на нее. Поместите полезную нагрузку в другую панель.

Что вы начнете?