ui autocomplete html
Для использования html
в ui autocomplete
добавить:
.data("ui-autocomplete")._renderItem=function(ul,item){ return $("<li></li>").data("item.autocomplete",item).append(item.label).appendTo(ul); };
Полный текст:
$("#search").autocomplete({ source:"/ajax_search.php", minLength:3, select:function(event,ui){ $(this).val(ui.item.value.replace(/(<([^>]+)>)/ig,"")); $(this).parent('form').submit(); } }).data("ui-autocomplete")._renderItem=function(ul,item){ return $("<li></li>").data("item.autocomplete",item).append(item.label).appendTo(ul); };
или так, чтобы избавиться от тегов совсем:
$("#search").autocomplete({ source:"/ajax_search.php", minLength:3, select:function(event,ui){ event.preventDefault(); $(this).val(ui.item.value.replace(/(<([^>]+)>)/ig,"")); $(this).parent('form').submit(); } }).data("ui-autocomplete")._renderItem=function(ul,item){ var bold=''; if(item.label.indexOf("<b>")!=-1){ bold=' style="font-weight:bold;"'; } return $("<li"+bold+"></li>").data("item.autocomplete",item).append(item.label.replace(/(<([^>]+)>)/ig,"")).appendTo(ul); };
Вместо:
$("#search").autocomplete({ source:"/ajax_search.php", minLength:3, select:function(event,ui){ $(this).val(ui.item.value); $(this).parent('form').submit(); } });