Używam ddslick do tworzenia rozwijanych menu z ikonami, jedyny problem polega na tym, że kiedy publikuję formularz, wartość wybranej opcji jest zawsze pusta, działa dobrze, jeśli wyłączę ddslick.

<script language="javascript" type="text/javascript">
$('.cflagdd').ddslick({
 onSelected: function(selectedData){
    //callback function: do something with selectedData;
   // $('#editcflag').submit(); - this does not work, posts form on page load
}   
});
</script>

<select class="cflagdd" name="cflag">
<option value="0" selected="selected">No action flag set</option>
<option value="1" data-imagesrc="'.base_url().'images/Actions-flag-green-icon.png">Resolved</option>
<option value="2" data-imagesrc="'.base_url().'images/Actions-flag-yellow-icon.png">Investigate</option>
<option value="3" data-imagesrc="'.base_url().'images/Actions-flag-red-icon.png">Urgent</option>
<option value="4" data-imagesrc="'.base_url().'images/Actions-flag-blue-icon.png">False positive</option>
</select>

Wersje: Jquery-1.7.2.js jQuery UI - v1.8.20

Dziękuję za wszelką pomoc, bardzo cenioną