Question

响应有大约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>

Answer 1

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

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

max-height可以是您想要的任何内容。

jQuery自动完成结果应该像组合框一样出现

1 个答案: