Php jQuery自动完成结果应显示为组合框_Php_Jquery_Mysql

Php jQuery自动完成结果应显示为组合框

php jquery mysql

Php jQuery自动完成结果应显示为组合框,php,jquery,mysql,Php,Jquery,Mysql,该响应有大约500条记录，在自动完成中看起来很难看。如果超过10条建议，那么是否有任何更改使列表看起来像组合框而不是很长的列表谢谢 <html> <head> <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> <script src="htt

该响应有大约500条记录，在自动完成中看起来很难看。如果超过10条建议，那么是否有任何更改使列表看起来像组合框而不是很长的列表

谢谢

<html>
<head>
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function()
        {
            $('#textbox_postcode').autocomplete(
            {
                source: 'search-db.php',
                minLength: 3
            });
        });
    </script>
</head>

<body>
    <input type="text" id="textbox_postcode" value="" />
</body>
</html>


$（文档）.ready（函数（）
{
$（'#文本框(邮政编码)）。自动完成(
{
来源：“search db.php”，
最小长度：3
});
});

将以下内容添加到.css文件中

.ui-autocomplete {
max-height: 100px !important;
overflow-y: scroll;
}

最大高度

可以是您想要的任何高度。

为什么不限制“自动完成”下拉列表的高度？现在您指的是“组合框”还是其他什么？因为jQueryUI使用“组合框”作为文本输入，带有一个箭头，用于显示数据的下拉列表。如果有10条建议，保持原样，如果超过10条建议，则不应超出（例如，高度为200px），但应显示其余建议。可以，或者您自己的样式表，只要它们链接到页面。它不适用于IE6及以下版本，但适用于IE7及以上版本。对于IE6，请看这里：