Skip to main content

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

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

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

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

Origen Enlace

Como puedo hacer que los options de un datalist tengan por separado un href al clickearlo

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

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