在我的搜索javascript中创建滚动条

我的javascript中的搜索栏有一个问题，因为我的表中存储了一个名为tb_Appenders的2k+名称……如果我键入f或其他什么，它会给我一个非常长的名称列表，以我键入的字母开头……我想做的是在其上放置一个滚动条，这样它就不会像组合框一样长

当前代码：

<form>
<input type="text" name="search" id="query"/>
</form>
<script type="text/javascript">
$(document).ready(function(){

    $("#query").autocomplete({
        source : 'search.php',
        select : function(event,ui){
            $("#query").html(ui.item.value);
        }
    });

});
</script>

$（文档）.ready（函数（）{
$（“#查询”）.autocomplete({
来源：“search.php”，
选择：功能（事件、用户界面）{
$（“#查询”）.html（ui.item.value）；
}
});
});

search.php代码：

<?php

$q = $_GET['term'];

mysql_connect("localhost","root","");
mysql_select_db("klayton");
$query = mysql_query("SELECT name 
FROM tb_applicants
WHERE name LIKE '$q%' LIMIT 5");

$data = array();
while($row = mysql_fetch_array($query)){
$data[]=array('value'=>$row['name']);
}
echo json_encode($data);
?>

---

听起来，您只能在CSS中定义#查询元素的高度或最大高度，并可能将overflow-y设置为auto

请看这里：

#查询{
最大高度：100px；
溢出y：自动；
}

如果您正在使用jqueryUI插件，您只需设置最大高度CSS属性，如下所述：

试试：

.ui-autocomplete.ui-menu {
    max-height: 150px;
    overflow: auto;
}

---

只需将我编写的代码添加到css文件中，并修改最大高度值以满足您自己的需要。