我遇到了一个关于jQuery自动完成字段的问题。它似乎有些奇怪。
以下是我的自动完成字段和脚本。我的mvc函数响应正常,下拉列表中也显示了条目。但是当我尝试选择一个项目时,结果列表就会消失。有人有想法吗?
啊...这些是我正在使用的jQuery脚本...
以下是我的自动完成字段和脚本。我的mvc函数响应正常,下拉列表中也显示了条目。但是当我尝试选择一个项目时,结果列表就会消失。有人有想法吗?
<div class="ui-widget">
<input id="newPlayerName" type="text" name="newPlayerName" onkeyup="checkRegistration()" />
</div>
代码:
<script type="text/javascript">
$(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);
}
});
});
</script>
啊...这些是我正在使用的jQuery脚本...
<script src="/Scripts/jquery-1.9.0.js" type="text/javascript"></script>
<script src="/Scripts/jquery-ui-1.10.0.custom.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery-ui-1.10.0.custom.js" type="text/javascript"></script>