Как использовать автозаполнение JQuery, чтобы сузить результаты (показывает все результаты)
У меня две проблемы. Прямо сейчас мое автозаполнение показывает все 600 результатов, независимо от того, что я набираю в нем, никогда не сужается до меньшего количества результатов. Мне также нужно, чтобы отображались только самые близкие 5 результатов, которые соответствуют тому, что я печатаю. Любые идеи о том, как улучшить это.
PHP
<?php
include('inc/connections.php');$sql = "select top 5 a.item_desc_1, b.item_no from bmprdstr_sql b, imitmidx_sql a
where a.item_no=b.comp_item_no and b.user_def_fld = 'x'
AND b.item_no like '%{$_POST['auto_me']}%'
";$query = odbc_exec($conn, $sql);
$json = array();
while ($row = odbc_fetch_array($query)) {
$json[] = $row['item_no'];
}
echo json_encode($json);
JQUERY HTML
<html>
<head>
<title>
test
</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script>
$(document).ready(function(){
$(function() {
$("#auto_me").autocomplete({
source: 'auto_complete.php',
autoFocus:true
});
});
});</script>
</head><body>
<form id="auto">
<input type="text" id="auto_me" name="auto_me"/>
</form>
</body>
</html>
Решение
$("#auto_me").autocomplete({
source: function(request, response) {
var results = $.ui.autocomplete.filter(myarray, request.term);
response(results.slice(0, 10));
}
});
Другие решения
Других решений пока нет …