Tengo un proyecto de páginas de afeitar donde necesito que el usuario seleccione entre filtrar entre algunos puertos y los nombres de las variables, tengo la barra de búsqueda funcionando, pero no puedo hacer que la otra funcione.

Esto es lo que tengo hasta ahora:

 <div class="col-12 border text-left p-3 mt-3" id="filterdiv"> <div id="dropdown"> @Html.DropDownList("ports", (IEnumerable<SelectListItem>)ViewData["ports"], new { @id = "portdd" }) </div> <div id="searchbar"> <p> Name: <input type="text" name="SearchString" id="searchb"/> </p> </div> </div> @* FILTER BY PORTS *@ <script type="text/javascript"> $(document).ready(function () { $('#portdd').change(function () { var value = this.value; $('tr:gt(0):not($(#' + value + '):attr(id))').hide(); }); }); </script> @* FILTER BY NAME *@ <script type="text/javascript"> $(document).ready(function () { $('#searchb').change(function () { var value = this.value; $('tr:gt(0):not(:contains(' + value + '))').hide(); }); }); </script>

Pero no está funcionando según lo previsto. Cualquier ayuda sería apreciada.