javascript - 如何通过下拉框过滤 div 的内容并隐藏结果，直到选择该选项。 (包括jsfiddle)

Question

所以我尽了最大努力。基本上，我想制作一个像那样的下拉框 - 一个下拉框。干净简单。然后，当您单击某一年时，您将获得该年月份的文本或链接列表。很基本吧？我非常失败。

我认为我的问题出在我的 javascript/jquery 上。

这是我的JSFiddle

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
<script>
$().ready(function() {
    $('.selectSome').on('change', function() {
        showHide();
    });
});

function showHide() {
    // hide all rows
    $('.row').hide();
   // show good row only

    }</script>

Answer 1

我认为您正在寻找类似的东西 https://jsfiddle.net/1mvfehpp/9/

<label for="select_class">
  <select id="select_category" class="selectSome">
    <option value="null">Year</option>
    <option value="row_c1">2006</option>
    <option value="row_c2">2007</option>
    <option value="row_c3">2008</option>
  </select>
</label>

然后添加这个jquery

$('#select_category').change(function () {
  $('.row').css("display","none");

  var fieldToShow = $(this).val();
  var className = fieldToShow.slice(-2);
  $("." + className).show();
});