Widocznie Select2 (http://ivaynberg.github.io/select2/) jest rozwiązaniem na umieszczenie ikony w opcji tagi. Być może jednak z powodu mojego braku wiedzy po prostu nie mogłem tego zrobić. W końcu uciekają się do korzystania z list (ja również za pomocą Bootstrap)
<a class="btn dropdown-toggle category" data-toggle="dropdown" href="#">All Categories <span class="caret pull-right"></span></a>
<ul id="category" class="dropdown-menu">
<li><a href="#"><i class="icon"></i> Category A</a></li>
<li><a href="#"><i class="icon"></i> Category B</a></li>
..
</ul>
Jest wadą jednak, id listy musi być unikalna. Tak więc, tak jak ja miałeś 5 różnych list na jednej stronie, musisz zadeklarować (?) Wszystkie z nich w javascript, czyniąc kody grube.
$(function(){
$("#category li a").click(function(){
$(".category").val($(this).text());
});
});
Mam nadzieję, że pomoc rzuci trochę światła.
myślę, że jest bardziej proste rozwiązania, ale można spojrzeć na to niesamowite pluginy jquery: http://ivaynberg.github.io/select2/ index.html, część szablonowa może Cię zainteresować. – Getz
Sprawdź ten http://stackoverflow.com/questions/2965971/how-to-add-a-images-in-select-list – PSL
@ PSL Faktycznie zobaczyłem, że zanim napisałem to, dlaczego wspomniałem "ręczne tło CSS dla każda opcja ", ale wolałbym korzystać z frameworka font-awesome. – Monokh