JavaScript/HTML-保持选择下拉列表中的数值处于选中状态

我使用以下代码保留所选的

选项

HTML标记的值：

document.getElementById('select_itens_op').onchange = function() {
   sessionStorage.setItem('pagina', document.getElementById('select_itens_op').value);
};

if (sessionStorage.getItem('pagina')) {
   document.getElementById('select_itens_op').options[sessionStorage.getItem('pagina')].selected = true;
}

它工作得很好，但在我的一个标签中，我遇到了一个问题。

选项

标记具有数值，当我重新加载页面时，它所保留的是与

会话存储中存储的值的索引相关的
选项

例如：

<select name="select_itens_op" id="select_itens_op" ">
   <option value="">Página</option>
   <option value="2">2</option>
   <option value="4">4</option>
   <option value="8">8</option>
   <option value="10">10</option>
</select>

直接进入
选择元素值
：

const el_op=document.getElementById（'select_itens_op'）；
//设置为init
if（sessionStorage.pagina）el_op.value=sessionStorage.pagina；
//储钱
el_op.addEventListener（'change'，（）=>sessionStorage.pagina=el_op.value）；
您是否可以从会话中尝试el.value=val，而不是执行.selected？