こんにちは私は単純なJQueryUIオートコンプリートの実現を持っています
$("#adrField").autocomplete({
source: function (request, response) {
var reqvesturl = "myurl";
$.ajax({
type: "GET",
url: reqvesturl,
cache: false,
dataType: "jsonp",
success: function (data) {
response($.map(data, function (item) {
return {
label: item.description + " (" + item.itemCount + ")",
value: item.description,
obj: item
};
}))
},
error: function (jqXHR, textStatus, errorThrown) {
console.log(textStatus);
}
});
},
minLength: 1,
select: function (event, ui) {
// this.value
console.log(ui.item.label);
var reqvesturl = "myurl");
$.ajax({
type: "GET",
url: reqvesturl,
cache: false,
dataType: "jsonp",
success: function (data) {
addrHelper.showAddresses(data);
},
error: function (jqXHR, textStatus, errorThrown) {
console.log(textStatus);
}
});
}
});
しかし、キーボードのイベントキーを上下に動かして入力するだけでリストボックスからデータを選択できます。マウスを使おうとすると選択できませんか?JSエラーなどは表示されません。HTML構造やその他のものに戻すことはできますか?