Hallo,

Ik heb een autocomplete, die waardes ophaalt uit de database. Het wordt op de volgende manier opgehaald:

"afbeelding.png categorie productnaam"

Nu ontleed ik de resultaten en plaats ze in de autocomplete:

Code:

$( "#search" ).autocomplete({
    	source: "/beta/inc/plugin/autocomplete.php",
    	minLength: 2,
    	select: function( event, ui )
		 {
			 event.preventDefault();
			 var image_end = ui.item.value.indexOf(' '); // Alles wat na afbeelding.png komt
			 var selected = ui.item.value.substring(image_end+1); // Alles wat na afbeelding.png komt + spatie
			 var space_pos = selected.indexOf(' ');
			 var selected_1 = selected.substring(0,space_pos); // categorie
			 var selected_2 = selected.substring(space_pos+1); //productnaam

			 window.location = "/beta/"+selected_1;
			 //$('#search').val(selected);
		}

Nu heb ik alles opgehaald en opgedeeld en nu plaats ik het in de autocomplete resultaten maar daar gaat het mis:

Code:

.data("autocomplete")._renderItem = function(ul, item) {
        return $("<li></li>")
        .data("item.autocomplete", item)
        .append("<a><img src='"+item.value.substring(0,item.value.indexOf(' ')) + "' height='20' width='20' /><span> " + item.value.substring(item.value.indexOf(' ')+1) + "</span></a>")
        .appendTo(ul);
    };

In de img tag plaatst hij netjes de afbeelding. Maar in de span plaatst hij nu "Categorie naam Product naam" en ik wil alleen de product naam weergeven.

Iemand een idee?