таблица фильтрации с использованием функции jquery и выпадающего списка

Question

Я пытаюсь показать и скрыть строки в соответствии с выбранным значением в раскрывающемся списке. После того, как пользователь выбирает user_name, я смог скрыть эту строку пользователя в таблице с помощью кнопки, но я хочу показать и скрыть строки после выбора, не нажимая кнопку, и я не могу заставить ее работать.

Это моя рабочая функция с кнопкой:

$(document).ready(function() { 
    $("button").click(function() { 
     $("td").each(function(index, paragraph) { 
      $td = $(paragraph); 
      if ($td.html() === $('select[name=select1]').val()) { 
       //hide the matched row rather than remove it 
       $(this).parent("tr:first").hide(); 
      } 
     }); 
     $('select[name="select1"]').on('change', function() { 
      $("tr").show(); 
     }); 
    }); 
}); 

И это не работает функция после попытки избежать использования кнопки:

$(document).ready(function() { 
    $("selectedName").change(function() { 
     $("td").each(function(index, paragraph) { 
      $td = $(paragraph); 
      if ($td.html() === $('select[name=select1]').val()) { 
       //hide the matched row rather than remove it 
       $(this).parent("tr:first").hide(); 
      } 
     }); 
     $('select[name="select1"]').on('change', function() { 
      $("tr").show(); 
     }); 
    }); 
}); 

Что я делаю неправильно во втором ?

Answer 1

Ваш селектор не является допустимым во втором блоке кода:

$("selectedName") Если выбрано имя класса, то вам нужно $(".selectedName"), или если его идентификатор то $("#selectedName").