Tengo una función de clasificación que funciona cuando uso un div y una etiqueta. Pero cuando cambia a una opción de selección, no funciona.
<select id="sort-container" onchange="sortCards()"> <option> <a href="javascript:sortCards('peoplecard', 'Services')"> Business 1 </a> </option> <option> <a href="javascript:sortCards('peoplecard', 'Architect')"> Business 2 </a> </option> <option> <a href="javascript:sortCards('peoplecard', 'Law')"> Business 3 </a> </option> </select>Debe pasar argumentos a la función sortCards() . Puede poner el segundo argumento en el valor de cada opción y usar this.value para obtenerlo.
<select id="sort-container" onchange="sortCards('peoplecard', this.value)"> <option value='Services'> Business 1 </option> <option value='Architect'> Business 2 </option> <option value='Law'> Business 3 </option> </select>Cambie su estructura html a esto:
<select id="sort-container"> <option value="services"> Business 1 </option>Obtenga el valor de la etiqueta seleccionada en la función sortCards:
const val = document.getElementById('sort-container').value;