Quiero hacer que cada un de<option>
de un datalistdatalist
tenga en conjunto una URL que al darle click a ese optionoption
te mande a esa pagina. Este es mi codigo.
const LinkPage = page => window.open(/page-${page}
);
$(document).ready(()=>{
let reflejadorTituloPagina = $(".txtp1");
reflejadorTituloPaginacódigo.text(${document.title}
);
const animes_List = ["Kimetsu No Yaiba", "Shingeki No Kyojin", "Bungous Stray Dogs", "Peach Boy"];
let dataList_Contenedor = document.querySelector(".container-options-animes");
dataList_Contenedor.innerHTML = "";
for (let i = 0; i < animes_List.length; i++) {
let animesOptions = animes_List[i];
dataList_Contenedor.innerHTML +=`<option>
<button arial-label="${animesOptions} button" onclick="LinkPage('${String.prototype.trim(animesOptions)}')">
${animesOptions}
</button>
</option>
`
}
})
const LinkPage = page => window.open(`/page-${page}`);
$(document).ready(()=>{
let reflejadorTituloPagina = $(".txtp1");
reflejadorTituloPagina.text(`${document.title}`);
const animes_List = ["Kimetsu No Yaiba", "Shingeki No Kyojin", "Bungous Stray Dogs", "Peach Boy"];
let dataList_Contenedor = document.querySelector(".container-options-animes");
dataList_Contenedor.innerHTML = "";
for (let i = 0; i < animes_List.length; i++) {
let animesOptions = animes_List[i];
dataList_Contenedor.innerHTML +=`<option>
<button arial-label="${animesOptions} button" onclick="LinkPage('${String.prototype.trim(animesOptions)}')">
${animesOptions}
</button>
</option>
`
}
})
Ayuda :'v