Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将autosuggest结果限制为5个结果_Javascript_Jquery_Autosuggest - Fatal编程技术网

Javascript 如何将autosuggest结果限制为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

我只想为我的自动建议框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="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")