What I am trying to achieve is when you click on the dropdown menu and all the options are displayed, automatically to scroll down to specific option (which will be determine prior that), but without selecting it.Just for utility, because I might have a list with a lot of options and I need to be able to automatically scroll down to a specific one when the user click the select drop-down menu. Is that possible?

HTML

    
        item-1
        item-2
        item-3
        item-4
        item-5
        item-6
        item-7
        item-8
        item-9
        item-10
        item-11
        item-12
        item-13
        item-14
        item-15
        item-16
        item-17
        item-18
        item-19
        item-20
        item-21
        item-22
        item-23
        item-24
        item-25
        item-26
        item-27
        item-28
        item-29
        item-30
        item-31
        item-32
        item-33
        item-34
        item-35
        item-36
        item-37
        item-38
        item-39
        item-40
    

JS

$(document).ready(function () {
    var select = $('select');
    $('#select').on('click',
        function() {
            select.val("desiredOne")[0].scrollIntoView();
        });
});

The problem here is that the option is being "marked" in the field but it is not actually scrolling down to that option.