JSFiddle - React, Tailwind, and code Playground

by marlanga

HTML

<p id="elegido"></p>
<form action="envio.php" method="post">
    <p class="envio">
        <select id="tipo">
            <option data="Has elegido animales, que blablabla" value="animales">Animales</option>
            <option data="La ciencia siempre ha sido blablabla" value="ciencia">Ciencia</option>
            <option data="blablabla" value="comparaciones">Comparaciones</option>
            <option data="mas blablabla" value="deportes">Deportes</option>
            <option data="me quedo sin ideas" value="etnicos">Étnicos</option>
            <option data="un poco mas de blablabla" value="familiares">Familiares</option>
            <option data="tonto el que lo lea" value="informatica">Informática</option>
            <option data="vienen de paris" value="ninos">Niños</option>
            <option data="sin respuestas" value="preguntas">Preguntas</option>
            <option data="bombero" value="profesiones">Profesiones</option>
            <option data="achís!" value="salud">Salud</option>
            <option data="si por favor" value="sexo">Sexo</option>
            <option data="alcoholica" value="sociedad">Sociedad</option>
            <option data="el regreso del blablabla" value="otros">Otros</option>
        </select>
    </p>
</form>

JavaScript

window.onload=function(){
    var p=document.getElementById("elegido");
    var slc=document.getElementById("tipo");
    slc.onchange=function(){ p.innerHTML=this.options[this.selectedIndex].getAttribute("data");};
    slc.onchange();
};