Javascript 如何将autosuggest结果限制为5个结果
我只想为我的自动建议框5个结果,不知道我如何才能做到这一点。任何帮助都将不胜感激 这是我的密码:Javascript 如何将autosuggest结果限制为5个结果,javascript,jquery,autosuggest,Javascript,Jquery,Autosuggest,我只想为我的自动建议框5个结果,不知道我如何才能做到这一点。任何帮助都将不胜感激 这是我的密码: <div class="input-wrapper"> <input type="text" class="autosuggest" value="Type in a city or town" onblur="onBlur(this)" onfocus="onFocus(this)" > <input type="submit" value="Sear
<div class="input-wrapper">
<input type="text" class="autosuggest" value="Type in a city or town" onblur="onBlur(this)" onfocus="onFocus(this)" >
<input type="submit" value="Search">
<div class="dropdown">
<ul class="result"></ul>
</div>
</div>
最好的解决方案是在服务器上完成。但是,由于某些原因,如果在服务器上不可能,您可以尝试在JS中执行以下操作。在这里,我希望服务器返回以下格式的数据“
$('.autosuggest').keyup(function() {
var search_term = $(this).attr('value');
$.post('php/search.php', { search_term: search_term }, function(data) {
//Edit Start
var dataarr=data.split('<li>');
var totalrow=(dataarr.length>5)?5:dataarrr.length;
$('.result').html('');
for(var i=1;i<=totalrow;i++){//neglectine first data as it will be blank
$('.result').html( $('.result').html('')+'<li>'+dataarr[i]);
}
//Edit end
$('.result li').click(function(){
var result_value = $(this).text();
$('.autosuggest').attr('value', result_value);
$('.result').html('');
});
});
});
$('.autosuggest').keyup(函数(){
var search_term=$(this.attr('value');
$.post('php/search.php',{search\u term:search\u term},函数(数据){
//编辑开始
var dataarr=data.split(“”);
var totalrow=(dataarr.length>5)?5:dataarr.length;
$('.result').html('');
对于(var i=1;i将搜索结果限制在search.php
文件(php/search.php)中
$fetch = mysql_query("SELECT * FROM table LIMIT 5")
当您使用post从服务器获取数据时,您也可以限制search.php中的数据。只需在Sql查询中添加linit…问题解决谢谢大家的评论
$fetch = mysql_query("SELECT * FROM table LIMIT 5")