在Javascript中使用select.onchange有条件地显示/隐藏文本区域

我遇到了一件相当简单的事情。我在“select”元素上有一个“Other:”选项，作为显示/隐藏“textarea”元素的条件。尽管有一个奇怪的行为，我还是让它基本正常工作：无论我做什么，页面加载时都会显示“textarea”，尽管设置了“display=”none“。如果我更改为非“其他：”选项，它将正常运行并隐藏文本区域，并在选择“其他”时显示。唯一的问题是加载时默认显示它。我相信这是件简单的事情，但我完全无法理解。 以下是代码：

HTML

Javascript:

<script type="text/javascript">
var slct=document.getElementById("selectMenu");
slct.onchange=function()
{
    this.value == "Other:" ? document.getElementById("aboutOther").style.display='block' : document.getElementById("aboutOther").style.display='none';
};
</script>

var slct=document.getElementById（“选择菜单”）；
slct.onchange=函数（）
{
this.value==“其他：”？document.getElementById（“aboutOther”）.style.display='block'：document.getElementById（“aboutOther”）.style.display='none'；
};

我在文本区域中加入了“div”，以防相关（尽管我怀疑它不是）。为了充分披露，该div嵌套在另一个div中。希望这不重要

---

最充分的披露：我不知道我在做什么。

您需要使用CSS来控制显示属性。尝试将textarea元素中的display=“none”更改为style=“display:none；”，因为“display”不是textarea的默认属性

我知道这一定很简单，只是需要一个聪明的人来指出它！太好了，谢谢！

<script type="text/javascript">
var slct=document.getElementById("selectMenu");
slct.onchange=function()
{
    this.value == "Other:" ? document.getElementById("aboutOther").style.display='block' : document.getElementById("aboutOther").style.display='none';
};
</script>