0

Quiero hacer que cada un <option> de un datalist tenga en conjunto una URL que al darle click a ese option te mande a esa pagina. Este es mi código.

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

4
  • Tengo una duda, ¿andas usando alguna librería para ese datalist? porque si es puro HTML, no podrás redireccionar al usuario cuando de click en alguna option Commented el 6 dic. 2021 a las 15:44
  • No estoy usando ninguna librería, pero estoy usando jQuery para hacer mi trabajo en JS. No uso bootstrap en este momento y sí es puro HTML.
    – Pepotas
    Commented el 6 dic. 2021 a las 16:37
  • Hola Yukoso, al parecer lo que estas intentando hacer es un buscador en tiempo real?
    – Ruben
    Commented el 6 dic. 2021 a las 19:19
  • Si, es lo que trato hacer pero no logro dar con mi objetivo
    – Pepotas
    Commented el 7 dic. 2021 a las 17:29

0

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

Examina otras preguntas con la etiqueta o formula tu propia pregunta.