I'；我无法使用javascript显示隐藏列表

我目前还不熟悉javascript，每当我从engineer、pilot、technician（如果我选择engineer onchange）更改html示例中的列表项时，事件必须调用javascript中的函数，该函数将显示隐藏的选择列表，其中包含他工作的部门，如wing或engine部门

这是javascript

<script type="text/javascript">
   function func(v) {
     if(v=="Engineer"){
     var y=document.getElementById("a");
     y.style.visibility : visible;
     }
   }
</script>

函数func（v）{
如果（v==“工程师”）{
var y=document.getElementById（“a”）；
y、 样式可见性：可见；
}
}

这是html

<select onchange="func(this.value)">
    <option>Please Select</option>
    <option value="Engineer">Engineer</option>
    <option value="Pilot">Pilot</option>
    <option value="Technician">Technician</option>
</select>

请选择
工程师
领航员
技术员

我的选择列表html是隐藏的，当我选择“Enginner”时要显示它

<select id="a" style="visibility : hidden">
   <option>select the division</option>
   <option>Wing Division</option>
  <option>Engine Division</option>
</select>

选择部门
翼部
发动机部

---

我在javascript代码中做了一些错误，您能帮我一下吗

您的代码中有一个错误， 您不能将其设置为css属性（

：

）

y.style.visibility:
将抛出一个错误

因此，您可以通过
y.style.visibility=“”）设置可见性
此外，如果组合不等于Engineer，则必须隐藏该组合


var y=document.getElementById（“a”）；
函数func（v）{
如果（v==“工程师”）{
y、 style.visibility=“”；
}否则{
y、 style.visibility=“隐藏”；
}
}

请选择
工程师
领航员
技术员
选择部门
翼部
发动机部
y.style.visibility:可见这将在执行时引发错误。如果您的代码充满问题，请使用控制台进行调试！我已经执行了您的代码并进行了必要的修复，一切都按预期进行了。
y.style.visibility='visible'