带有下拉菜单的可变形式

Question

我在我的表格中做了一个下拉菜单。当我选择其中一个下拉选项时，会出现另一个表格。所以对于每个下拉选项，都有另一种形式。

我制作了 From1 并添加了一个不透明度 = 0 的 CSS。当我在 1 的下拉列表中单击时，我想将 Form1 的不透明度设置为不透明度=1；

我的代码；

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

Answer 1

除了 var 之外，您的不透明度更改声明是正确的。你没有声明任何东西。

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

到 document.getElementById("Form1").style.opacity =1; 在您的 if 语句中并假设您的 if 语句约束通过不透明度将改变。

奖金： 我建议您将显示设置为 none 并在您想要显示时更改显示属性而不是操纵不透明度。

带有下拉菜单的可变形式

variable forms with a dropdown menu

javascript

forms

onchange