javascript - 根据用户输入隐藏/显示HTML页面的各个部分

我有一个网页，列表在一家公司开业，以下列格式：
标题：Javascript developer
国家：马里兰
说明：a dlksfja；Slfdja；Slfdja；Slfdja；Sldkfja；Sldkfja；Sldkfjas a；Sldkfja a；Sldkfja；Sldkfja；Sldkfjas a；Sldkfj a；Slskdfj a；Lsdkfj a；Lsdkfjjj a；Lsdkfjj a；Lsdkfjj a；Lsdkfjjj a；Alskdjf；SDLFJK ASD JF；
Salary Range：75000美元-80000美元
类别：软件开发，UI/US
网络安全分析员
州：伊利诺伊州
说明：a dlksfja；Slfdja；Slfdja；Slfdja；Sldkfja；Sldkfja；Sldkfjas a；Sldkfja a；Sldkfja；Sldkfja；Sldkfjas a；Sldkfj a；Slskdfj a；Lsdkfj a；Lsdkfjjj a；Lsdkfjj a；Lsdkfjj a；Lsdkfjjj a；Alskdjf；SDLFJK ASD JF；
Salary Range：85000美元-90000美元
类别：网络、网络
网络软件工程师
国家：马里兰
说明：a dlksfja；Slfdja；Slfdja；Slfdja；Sldkfja；Sldkfja；Sldkfjas a；Sldkfja a；Sldkfja；Sldkfja；Sldkfjas a；Sldkfj a；Slskdfj a；Lsdkfj a；Lsdkfjjj a；Lsdkfjj a；Lsdkfjj a；Lsdkfjjj a；Alskdjf；SDLFJK ASD JF；
Salary Range$120000-$130000
软件工程，网络，BIGDATA
等等
当我只有一份工作要上市时，上面的风格很好。现在我差不多有100个，我需要给用户一个过滤他们所看到的工作的方法。“我喜欢两个州的滤波器”和各种类型的滤波器。See above for some examples and note that each job can have only one state，but it may have 1 or more types.
我想在页面的顶部添加一个简单的过滤部分，用户可以跟踪：
（1）Select from a State“Drop down that lists each US State，plus an all”option.
从一种类型中选择“Drop down that lists each type we use to classify jobs，plus an all”option.
在一个过滤器上点击“Button that makes the matching jobs visible and hides the ones that's not matter.”
我不需要在国家或类型范围内的多选择能力。
对于如何在最简单的时尚中做到这一点，任何建议都会受到高度评价。在网站上没有任何数据库——它只是一个静态的站点，我在一个星期内更新这一页，作为新的工作开放和关闭。简单的手动更新是完善的，只要我有这个工作。
谢谢你

最佳答案

您将需要JavaScript来实现这一点（纯HTML不可能做到这一点）
使用id在div中定义可过滤的内容，然后使用

   <script type="text/javascript">
   var sel = document.getElementById('yourDropDown');
   sel.onchange = function() {
      var show = document.getElementById('yourDivId');
      show.style.display='none';
   }
   </script>

干杯

关于javascript - 根据用户输入隐藏/显示HTML页面的各个部分，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10738863/