JQuery自动完成

我的jQuery自动完成字段有问题。 它有些奇怪。

这是我的自动填充字段和脚本。 我的mvc函数的响应运行正常。 下拉列表是可见条目。 但是当我试图选择一个项目时，结果列表就会消失。 有没有人有想法？

码：

  $(function () { $('#newPlayerName').autocomplete({ source: function (request, response) { $.ajax({ url: '/Trainer/Search', data: { searchTerm: request.term }, dataType: 'json', type: 'POST', minLength: 1, success: function (data) { response(data); } }); }, select: function (event, ui) { checkRegistration(ui.item.value); }, focus: function (event, ui) { event.preventDefault(); $("#newPlayerName").val(ui.item.label); } }); });  

啊……这是我正在使用的jquery脚本……

Answer 1

你所展示的代码似乎有一点似乎是你已经两次包含jquery-ui脚本（缩小版和标准版）。 你应该只有一个：

Answer 2

 $(function () { var getData = function (request, response) { $.ajax({ type: "POST", contentType: "application/json; charset=utf-8", url: "Default.aspx/GetMultiProductList", data: "{'term':'" + $("#txtAutoCompleteMulti").val() + "'}", dataType: "json", success: function (data) { response($.map(data.d, function (item) { if (item != null) return { label: item.label, title: item.value }//value: item.label, })) }, error: function (result) { alert("Error"); } }); }; var selectItem = function (event, ui) { $("#txtAutoCompleteMulti").val(ui.item.value); return false; } $("#txtAutoCompleteMulti").autocomplete({ source: getData, select: selectItem, _resizeMenu: function () { this.menu.element.outerWidth(500); }, search: function (event, ui) { }, minLength: 1, change: function (event, ui) { if (!ui.item) { $('#txtAutoCompleteMulti').val("") } }, select: function (event, ui) { $("#txtAutoCompleteMulti").prop('title', ui.item.title) }, autoFocus: true, delay: 500 }); }); 

  .ui-autocomplete { max-height: 300px; overflow-y: auto; overflow-x: hidden; } .ui-autocomplete-loading { background: url('img/Progress_indicator.gif') no-repeat right center; } .seachbox { border: 1px solid #ccc; border-radius: 4px; width: 250px; padding: 6px 25px 6px 6px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; } 

    
 
 
 
Product Name :