Marina Rose Marina Rose - 1 year ago 36
CSS Question

How to filter the contents of a div via a dropdown box and hide the results until the option is picked. (jsfiddle included)

So I gave this my best shot. Basically, I want to make a dropdown box that appears just like that - a dropdown box. Clean and simple. Then, when you click on a year, you get a list of text or links, whatever, of months for that year. Pretty basic right? I am failing terribly.

I think my issue is with my javascript/jquery.

Here is my JSFiddle

<script src=""></script>
$().ready(function() {
$('.selectSome').on('change', function() {

function showHide() {
// hide all rows
// show good row only


Answer Source

I think you are looking for something like this

<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>

Then added this jquery

$('#select_category').change(function () {

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