tengo una mesa tal
| Env | deposito | artículos |
|---|---|---|
| 100 | AAA | Condensador |
| 100 | AbA | Diodo |
| 100 | AAA | cable |
| 100 | AbA | Miguel |
| 100 | A B C | módem |
| 900 |
Estoy extrayendo mis datos de una base de datos de postgres usando php y funciona bien
Ahora quiero hacer un filtro en cascada para mostrar para un Env específico el depósito asociado y los artículos debajo de ese depósito de artículos
Por ejemplo, si selecciono en mi lista desplegable Env = 100, el depósito de la lista desplegable me mostraría AAA /AbA/ABC, luego, cuando seleccione los artículos de la lista desplegable AAA, se mostrará el condensador/cable.
si selecciono en mi lista desplegable Env = 900, el depósito de la lista desplegable no me mostrará nada, etc. en los artículos de la lista desplegable
Esta es una muestra de Datos, pero mi tabla contiene más valores.
Aquí está mi código que intentó pero no pudo alcanzar el resultado deseado
var options = $('#env').val(); var selectOptions = ''; for (i = 0; i < options.length; i++) { selectOptions += '<option value="' + options[i] + '">' + options[i] + '</option>'; } $('#env').append(selectOptions).on('change', function() { var selected = $(this).find('option:selected').val(); $('#depot, #articles').empty(); $.each(envs, function(i, v) {; if (v.env == selected) { $('#depot').append('<option value="' + v.depot + '">' + v.depot + '</option>'); $('#articles').append('<option value="' + v.articles + '">' + v.articles + '</option>'); } }); });