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

Question

Я пытаюсь отобразить изображения в раскрывающемся меню. У меня такой код

<?php 
    $sql2 = "SELECT * FROM item_category"; 
    $query2 = mysql_query($sql2); 
?> 

<select name="category" onChange="showItems(this);"> 
    <option value="">Select Product Category</option> 
    <?php while ($rs2 = mysql_fetch_array($query2)) { ?> 
     <option value="<?php echo $rs2["item_id"]; ?>"> 
      <img src="../upload/category/<?php echo $rs2["image"]?>"> 
     </option> 
    <?php } ?> 
</select> 

Но он отображает пустой. Не могли бы вы посоветовать мне, как это сделать?

Answer 1

HTML-теги (т.е. IMG) не поддерживаются в опции тега

Рассмотрим с помощью JQuery-UI selectmenu с пользовательскими рендеринга.

Здесь вы можете найти ссылку на какой-то пример и документ API. http://jqueryui.com/selectmenu/#custom_render

или посмотреть на this post используя msDropDown()

Answer 2

Единственным способом сделать это было бы с помощью некоторого JQuery plugins.This это отличный плагин, который может помочь вам решить ваш вопрос mate.Do есть взгляд на it.There является много других плагин тоже спаривается .. :)

JavaScript Image Dropdown

Answer 3

Я думаю, что нет прямого пути сделать это. Вероятно, вам нужно создать новый элемент html вместе с css и javascript, против значений в списке выбора/dropdownlist и создать его как выпадающий список. Определить события для того, что работает, аналогичны раскрывающимся. Тогда вы можете добавлять изображения в раскрывающийся список. В сети доступно множество плагинов, но я не могу получить доступ к своей рабочей области.

Для справки вы можете использовать ссылку http://designwithpc.com/Plugins/ddSlick#demo. Рассмотрим это как пример.

Пожалуйста, добавьте ссылку, если вы найдете легкий и отзывчивый плагин на тот случай, если найдете его. Удачи .....