Question

我目前刚接触javascript，每当我更改html示例中的列表项目时，工程师，飞行员，技术人员如果我选择工程师onchange事件必须调用javascript中的函数，这将显示隐藏的选择列表包含他所在的部门，如机翼或发动机部门。

这是javascript

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

这是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是隐藏的，当我选择＆＃39; Enginner＆＃39;是

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

我在javascript代码中做错了你能不能帮帮我

Answer 1

您的代码中存在错误，您无法将其设置为css属性（:）y.style.visibility : ""; 会抛出错误。

因此您可以按y.style.visibility = "";设置可见性如果组合不等于工程师

，你也要隐藏组合

var y = document.getElementById("a");

function func(v) {

  if (v == "Engineer") {
    y.style.visibility = "";
  } else {
    y.style.visibility = "hidden";
  }
}

<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>


<select id="a" style="visibility : hidden">
   <option>select the division</option>
   <option>Wing Division</option>
  <option>Engine Division</option>
</select>

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

1 个答案: