variable forms with a dropdown menu

Question

I have made an dropdown within my form. When I choose one of the dropdown options, another form will appears. So with each dropdown option, there is another form.

I made From1 and added a CSS with opacity = 0. When I click in my dropdown on 1, I want to set the opacity of Form1 to opacity=1;

my code;

<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>

seriously · Accepted Answer · 2021-11-10 18:31:55Z

1

your opacity change statment is correct except the var. You are not declating anything.

change var document.getElementById("Form1").style.opacity =1;

to document.getElementById("Form1").style.opacity =1; in your if statment and assuming your if statments constraint passes the opacity will change.

BONUS: I reccommend you set the display to none and change the display propery when you want to display it instead of manipulating opacity.

edited Nov 10, 2021 at 18:31

answered Nov 8, 2021 at 10:24

seriously

1,3871 gold badge11 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

variable forms with a dropdown menu

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related