Cambiar 4 span o div con select

JamesPierre · 7 Nov 2021

Hola betas,

Me podrían hechar una mano, busco saber como hacer que 4 span o div cambien el contenido de acuerdo a un select, es posible?

Gracias anticipada

Frcruter · 8 Nov 2021

HTML:

    <body>
        <select onchange="jsFunction(event,this)">
         <option value="0">Selecciona una opcion</option>
        <option value="1" >1</option>
        <option value="2">2</option>
    </select>
    <div>
        <span id="span1" style="color: black;"></span>
    </div>
    <div>
        <span id="span2" style="color: black;"></span>
    </div>
</body>

JavaScript:

function jsFunction(event,element)
{
  if (typeof  element !== 'undefined') {
    let span1 =document.getElementById("span1");
    let span2 =document.getElementById("span2");
    if(element.value == 1)
    {
      span1.innerText = "se selecciono el value: " + element.value;
      span2.innerText = "";
    }
    else if (element.value == 2) {
      span2.innerText = "se selecciono el value: " + element.value;
      span1.innerText = "";
    }
  }
}

Cambiar 4 span o div con select

JamesPierre

Frcruter

Temas similares