Digamos que su tabla contiene una lista de todos los miembros de la base de datos. Ahora, en su menú desplegable de selección, tiene opciones, digamos miembro activo, miembro inactivo y ex miembro.
Cambios en la interfaz de usuario : cuando el usuario selecciona la opción Activa en el menú desplegable de selección, la tabla debe actualizarse y llenarse solo de miembros activos.
Detrás de escena: en el elemento del menú desplegable, escriba un evento javascript onChange y pase el valor de la opción como parámetro dentro de las funciones onChange. Ejemplo:
- ¿Cuál es la diferencia entre el desarrollo front-end y back-end?
- Cómo determinar si vale la pena presentar una herramienta / biblioteca / marco en su empresa
- ¿Qué es la etiqueta de plantilla de WordPress?
- ¿Por qué es difícil encontrar proyectos web?
- ¿Cuál es el mejor libro o recurso para introducir conceptos de diseño web / diseño gráfico?
Seleccionar
Miembro activo
Miembro inactivo
Ex miembro
En javascript statusChange(value)
tendrá la funcionalidad mencionada a continuación
estado de la funciónCambio (valor) {
// Llama a la función ajax
// Pase el valor al script del lado del servidor
// El servidor devolverá los datos del miembro de actualización
// Añadir los datos devueltos al cuerpo de la tabla
}
Puede consultar ¿Cómo actualizar una tabla HTML a través de una llamada AJAX?