Question

我正试图在页面加载时隐藏组合框。组合框没有隐藏。我在webbrowser的inspect元素上找不到任何错误。我检查了选择标记语法和javascript都看起来很好。但它没有被隐藏？

PHP代码：

<?php 
$list=mysqli_query($conn,"select * from emp");
echo "<select id='dropbx'>";
echo "<option value=''>emp Code</option>";
while($row = mysqli_fetch_array($list))
{
    echo "<option value='" . $row['emp_code'] . "'>" . $row['emp_code'] . "</option>"; //Why Two column mentioned??
}
echo "</select>";
?>

<script type="text/javascript">
window.onload = function() 
{
    document.getElementById('dropbx').visibility = "hidden";
    //alert('hello');
};
</script>

Answer 1

你必须使用这样的代码。 visibility是元素的样式attribute的属性。您可以在此处阅读更多内容：https://www.w3schools.com/jsref/prop_style_visibility.asp

document.getElementById("dropbx").style.visibility = "hidden";

Answer 2

您可以使用hide()隐藏下拉列表：

$("#dropbx").hide();

或者您可以使用display这样的属性：

    document.getElementById("dropbx").style.display = "none";

Answer 3

另一种选择是在服务器端进行。

echo "<select id='dropbx' style='display:none;'>";

或（如果您不想要内联样式）

echo "<select id='dropbx' class='hidden'>";

在你的CSS中

.hidden {
   display:none;
}

为什么组合框没有在页面加载时隐藏？

3 个答案: