【发布时间】：2012-05-27 00:52:39
【问题描述】：
我有一个要求，我必须实现自动完成，但我不确定我是否可以在 jQuery UI 自动完成中实现这一点。如果我不能在 jQuery UI 自动完成中做到这一点，你能否建议可以做到这一点的库，或者我应该建立自己的库。
要求我有一个列表，它只是普通的 javascript 有序数组，当用户键入一些内容时，文本框会建议可能的结果。当用户单击结果时，列表应更改为在单击结果上方显示 3 个结果，在单击结果下方显示 3 个结果。
这是我正在尝试做的代码。
$(function() {
var projects = [
"List1","List2","List3","List4","List5","List6","List7","List8"
];
$( "#project" ).autocomplete({
minLength: 0,
source: projects,
focus: function( event, ui ) {
$( "#project" ).val( ui.item.label );
return false;
},
select: function( event, ui ) {
$( "#project" ).val( ui.item.label );
return false;
}
})
.data( "autocomplete" )._renderItem = function( ul, item ) {
return $( "" )
.data( "item.autocomplete", item )
.append( "" + item.label + "" )
.appendTo( ul );
};
});
例如，如果用户键入“Li”，它应该会弹出“List1”、“List2”、“List3”、“List4”、“List5”。一旦用户单击“List3”，结果列表应更改为“List1”、“List2”、“List3”、“List4”、“List5”、“List6”并忽略“List7”、“List8”
这在 jQuery UI 自动完成中是否可行？
【问题讨论】：
标签： javascript jquery jquery-ui autocomplete