Question

我有以下代码我正在处理，我想在下拉菜单上选择Option1或Option2时，找到一种简单的方法来隐藏（包括）Text2之后的所有标签。我尝试使用类元素，但它们似乎打破了我的脚本，现在我只能隐藏一个标签（text5）。你介意帮帮我吗？

<p><label>Text1</label> [select* id:mobileProvider "Option1" "Option2"</p>
<p><label>Text2</label></p>
<p><label>Text3</label></p>
<p><label>Text4</label></p>
<p><label id="sub">Text5</label></p>

<script language="javascript" type="text/javascript">
  document.getElementById("mobileProvider").addEventListener("change", displayTextField);

  function displayTextField() {
    var dropDownText = document.getElementById("mobileProvider").value;
    if (dropDownText == "Option1") {
      document.getElementById("sub").style.display = 'none';
    } else if (dropDownText == "Option2") {
      document.getElementById("sub").style.display = 'none';
    } else {
      document.getElementById("sub").style.display = 'inline';
    }
  }
</script>

Answer 1

我改变了班级＆＃39;在每个段落中标记为＆＃39; hid＆＃39;并在我的脚本中添加了下一行，它就可以了。

var hide = document.getElementsByClassName('hid'),i = hide.length;
while(i--) { 
    hide[i].style.display= 'none'; }

HTML / Jscript /联系表7：一次隐藏多个标签的最简单方法

1 个答案: