Estoy tratando de implementar el filtrado de Javascript (sin jquery).
Extraigo una identificación, un nombre, un departamento y un rol de mi base de datos. Uso PHP para seleccionarlos de mi base de datos y mostrarlos en mi página en una tabla.
Quiero poder filtrar mi tabla según el departamento y el rol. Por ejemplo, debería poder ingresar "marketing" y obtener todos los resultados con el departamento de marketing. Debería poder ingresar "líder del equipo" y obtener todos los resultados con el rol de líder del equipo. Y, debería poder ingresar "marketing, líder de equipo" y obtener todos los resultados con el departamento de marketing Y el rol de líder de equipo.
Actualmente, solo puedo filtrar por uno (es decir, marketing o líder de equipo). Si ingreso ambos en mi búsqueda, no obtengo resultados.
Intenté crear dos campos de entrada de búsqueda. Sin embargo, si escribo "marketing" en un campo y "líder de equipo" en otro, mis resultados son de marketing O líder de equipo en lugar de marketing Y líder de equipo.
Este es mi JS:
<script> (function(document) { var filter = (function(qArr) { var searchVal1; function _onInputSearch(e) { searchVal1 = e.target; var dataTable = document.getElementsByClassName(searchVal1.getAttribute('data-table')); qArr.forEach.call(dataTable, function(table) { qArr.forEach.call(table.tBodies, function(tbody) { qArr.forEach.call(tbody.rows, function(row) { var qContent = row.textContent.toLowerCase(); var sVal1 = searchVal1.value.toLowerCase(); row.style.display = qContent.indexOf(sVal1) > -1 ? '' : 'none'; }); }); }); } return { init: function() { var inputs = document.getElementsByClassName('search'); qArr.forEach.call(inputs, function(input) { input.oninput = _onInputSearch; }); } }; })(Array.prototype); document.addEventListener('readystatechange', function() { if (document.readyState === 'complete') { filter.init(); } }); })(document); </script>var searchVal1; ¡Sí! Solo obtuvo un valor de búsqueda posible en ese proceso de código. Si escribe "líder de equipo" en la búsqueda searchVal1="líder de equipo"; por así decirlo, y en la fila de información que se devuelve de los elementos html, hay cuadros que solo tienen "líder de equipo" pero nada tiene AMBOS "líder de equipo" y "marketing" en el mismo cuadro o el cuadro se vería algo como "marketing de líder de equipo" y searchVal1="marketing de líder de equipo";
pero nunca pasa nada en ninguna de las cajas.
Parece que tiene una referencia a un objeto que no se muestra de su código fuente qArr que hace una llamada en cada fila para probar la expresión regular en el cuadro de datos de la tabla en la columna de la tabla donde coincide la variable searchVal1. Es en ese código que necesitaría modificarse o necesitaría crear algún código para simplemente obtener otro término de búsqueda único sin alterar los resultados anteriores de la búsqueda de columna (o la ubicación de la fila para esa información).