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

Question

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

                     选择GradePrimaryGCSEA Level              

CSS

.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');

});