カテゴリで JQuery UI リモート オートコンプリートを使用しています。
$.widget( "custom.catcomplete", $.ui.autocomplete, {
_renderMenu: function( ul, items ) {
var self = this,
currentCategory = "";
$.each( items, function( index, item ) {
if ( item.category != currentCategory ) {
ul.append( "<li class='ui-autocomplete-category'>" + item.category + "</li>" );
currentCategory = item.category;
}
cat = currentCategory;
self._renderItem( ul, item );
});
}
});
$(function() {
$( "#birds" ).catcomplete({
delay:0,
source: "/search.html?term="+ $("#birds").val(),
minLength: 2,
select: function( event, ui ){
alert(ui.item.value);
}
});
});
ソースから取得した結果は次のとおりです。
[{"value":"ただの商品","id":"1","category":"カテゴリー名"}]
問題は、アラート(ui.item.value)を機能させて選択したアイテムを表示できないことです。
何か助けてください。
ありがとう。