Question

我有一个div＆amp;需要隐藏在页面加载上的输入。这是另一个指定，因此如果选择了其他字段之一＆＃34;其他＆＃34;那个div应该显示出来。但是输入元素没有隐藏在页面加载上。一旦我从它隐藏的div中取出输入元素，但是只要我将输入元素放回去它就不会隐藏，我做错了什么？

<head>
<script>
function hideother() {
    document.getElementById("otherdiv").style.visibility = "hidden";
    document.getElementById("others").style.visibility = "hidden";
}
</script>
</head>

<body onLoad="hideother()">
    <!-- 2A OTHER SPECIFY -->
    <div class="otherdiv">
    <label for="otherspecify">Please specify other:</label>
    <label id="error-2" style="text-transform:capitalize; color:red">&nbsp;</label>
    <br>
<input maxlength="30" name="others" id="others" type="text" class="form-control" placeholder="Other Specify" autocomplete="off" style="width:300px" />
    </div>
</body>

Answer 1

变化

<div class="otherdiv">

到

<div id="otherdiv">

Answer 2

将class="otherdiv"更改为id="otherdiv"。有关工作示例，请参阅this fiddle。

Answer 3

将class='otherdiv'更改为id='otherdiv'

Javascript并没有隐藏div＆amp;输入元素

3 个答案: