Javascript 当鼠标悬停在Selectbox控件上时，它会在Selectbox控件上方显示其选项

当我将鼠标悬停在选择框上时，它会在选择框控件上方显示选项。它会将选择框下方的选项显示为显示的默认选项。选择该选项时，选择框会关闭，但仅在鼠标悬停时关闭 图像附在下面。选项显示在选择框上方，选择框隐藏在其后面

选择Grade PrimaryGCSea Level

css

---

您的HTML和CSS是什么样子的？请给我们一个。编辑您的问题，包括您的HTML和CSS。不要在comments.edited中发布其他代码@MagnusErikssonI没有看到CSS？另外，您是否正在使用一些PHP模板引擎？哪一个？生成的输出是什么样子的？请稍等。我将为您提供详细信息

.quick-links__list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.select_box {
    cursor: pointer;
    position: relative;
    width: auto;
}
.quick-links__item .select_box .form-control > option {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: normal;
    text-transform: capitalize;
    padding: 5px 10px;
}

 $('select#search_select').hover(function(){
    var count = $(this).children().length;
    $(this).attr('size', count);

},function(){
    $(this).removeAttr('size');

});