var l = document.getElementById("list");
for (var i = 0; i < 100; i++) {
    l.innerHTML += "<option value='" + i + "'>" + i + "</option>";
}
l.value = 17;

// Demo
const selected = l.options[l.selectedIndex];
const intoView = (block = 'center') => selected.scrollIntoView({ block });
intoView();

#list { width: 100px; }

<select id="list" multiple size=10></select>

<!--  DEMO -->
<br />
<button onclick='intoView("start");'>Start</button>
<button onclick='intoView();'>Center</button>
<button onclick='intoView("nearest");'>Nearest</button>
<button onclick='intoView("end");'>End</button>
<!-- /DEMO -->