He hecho un menú desplegable dentro de mi formulario. Cuando elijo una de las opciones desplegables, aparecerá otro formulario. Entonces, con cada opción desplegable, hay otra forma.
Hice From1 y agregué un CSS con opacidad = 0. Cuando hago clic en mi menú desplegable en 1, quiero establecer la opacidad de Form1 en opacity = 1;
mi código;
<select id="products" onchange="test"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> </select> <form id="Form1"> <text>Primary side </text> </form> <script type="text/javascript"> function test() { var a = document.getElementById("products").value; if(a ==='1'){ var document.getElementById("Form1").style.opacity =1; } else if(a==="2") { var } else if(a==="3") { var } else if(a==="4") { var } else if(a==="5") { var } else if(a==="6") { var } } </script>su declaración de cambio de opacidad es correcta excepto la var. No estás declarando nada.
cambiar var document.getElementById("Form1").style.opacity =1;
a document.getElementById("Form1").style.opacity =1; en su declaración if y suponiendo que su restricción de declaraciones if pase, la opacidad cambiará.
BONIFICACIÓN: le recomiendo que configure la visualización en ninguno y cambie la propiedad de visualización cuando desee mostrarla en lugar de manipular la opacidad.