Tengo una lista desplegable de selección múltiple.

 <select name="YRsummaries" id="YRcollection" multiple> <option value="">Please Select a Year</option> <option value="/PDF/MCR0621.pdf"><a title="Fiscal Year 2021 &ndash; 2022">FY 21</a></option> <option value="/PDF/MCR0620.pdf"><a title=" Fiscal Year 2020 &ndash; 2021">FY 20</a></option> <option value="/PDF/MCR0619.pdf"><a title="Fiscal Year 2019 &ndash; 2020">FY 19</a></option> </select> <button type="button" id="yrcollections" onclick="yrCall()"> Get Documents</button>

Estoy enviando todos los valores seleccionados a una matriz js. He registrado en la consola el valor y aparecen múltiples, pero cuando va a ejecutar la ventana, solo abre la primera.

aquí está el código js

 function yrCall(){ const selected = document.querySelectorAll('#YRcollection option:checked'); const valuey = Array.from(selected).map(el => el.value); for(var i = 0; valuey.length > i; i++){ var url = valuey[i]; console.log(url); window.open(url, '_blank'); }}

Cualquier ayuda sería apreciada.