Question

我已经知道了这一点，但我现在卡住了。首先，我希望隐藏标签和下拉列表是默认的。我已经实现了使用css：

#unis
{
    visibility:hidden;
}

我稍微坚持的是如何对项目进行分组，我使用过：

<div class='row'>
    <div id = "unis">
        <label id='Universitylbl' for='University'>University institution:</label>
        <select name="uni">
            <option value="uni1">uni1</option>
            <option value="uni2">uni2</option>
            <option value="uni3">uni3</option>
            <option value="uni4">uni4</option>
            <option value="uni5">uni5</option>
        </select><br />
    </div>
</div>

和javascript来切换可见性：

function toggle(elementID){
    var target1 = document.getElementById(elementID)
    if (target1.style.display == 'none') {
        target1.style.display = 'block'
    }
    else
         {
        target1.style.display = 'none'
    }
}

但上面的代码似乎不起作用？

Answer 1

您似乎正在为target2分配一个值并更改target1的显示。那不应该是同一个对象吗？（例如target？）

HTML Javascript，复选框切换标签和下拉列表可见性

1 个答案: