Главная > Javascript > ui autocomplete html

ui autocomplete html

16 апреля 2018 Написать комментарий К комментариям

Для использования 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();
	}
});
Categories: Javascript Tags:
  1. Пока что нет комментариев.
Похожие публикации