改变点击时元素的可见性

Changing visibility of an element on click

本文关键字：可见性 元素 改变      更新时间：2023-09-26
<table id="selectsupp">
  <tr>
    <td>
      <select id="category">
        <option value="display" readonly="true">-Shop By Category-</option>
        <option value="all">All</option>
        <option value="preworkout">Pre Workout</option>
        <option value="protein">Protein</option>
        <option value="mass">Mass Gainer</option>
        <option value="bcaa">BCAA</option>
      </select>
    </td>
  </tr>
  <tr>
    <td>
      <select id="company">
        <option value="display" readonly="true">-Shop By Company-</option>
        <option value="all">All</option>
        <option value="on">Optimum Nutrition</option>
        <option value="mts">MTS</option>
        <option value="mutant">Mutant Nutrition</option>
        <option value="allmax">All Max</option>
      </select>
    </td>
    <td>
      <input type="submit" id="submit" name="search" value="Search" onclick="find()"/>
    </td>
  </tr>
</table>
<script>
  function find(){
    var category = document.getElementById('category');
    var valueOfCategory = category.options[category.selectedIndex].value;
    var company = document.getElementById('company');
    var valueOfCompany = company.options[company.selectedIndex].value;
    if (valueOfCategory === "all" && valueOfCompany === "all") {
      alert "hello";
      document.getElementsByTagName("select")[0].style.visibility = "hidden";
      document.getElementsByTagName("select")[1].style.visibility = "hidden";
      //display all suggested items
   }

你好，各位程序员:)我在设置标签的可见性方面遇到了一些麻烦。当我提交时，我试图摆脱2选择选项和按钮，但出于某种原因，它设置。style。可见性="隐藏"不起作用。有什么建议吗?

有两个问题

alert "hello";

应为

alert("hello");

，函数末端缺失}。我也没看到script标签结束

嗯，如果你懒得检查浏览器的调试控制台，你会看到你的语法错误被记录在那里:

alert "hello";
应该

alert("hello");

调试控制台应该是你的第一停止任何时候在网页上的东西不工作

相关文章：