Selects dependientes

[sonystar_17]

Holas buenas tardes y noches a todos.

hice un script para enlazar 3 selects dependientes
hasta ahora perfecto pero me salio un problema.

Código HTML:

<select></select>
<select></select>
<select></select>
 

tengo 3 select el primero lo cargo directamente al entrar en la pagina :
los otros dos los cargo desde un JS con funciones , hasta alli todo bien.

el problema es este :

en mi primer select ( muestra los equipos de futbol )

en mi segundo select ( muestras los técnicos )

y el tercer ( muestra los capitanes )

si yo tengo seleccionado mi equipo :

Ejemplo :

Equipo : Madrid -> Tecnico : Zidane -> Capitan : Sergio Ramos

si yo por casualidad , selecciono otro equipo , me resetea el select de tecnicos , pero no el de capitanes.


las funciones que uso son asi :

Código Javascript:

function TC() {
    $(document).ready(function() {
        $("#equi").change(function() {
            var equipo= $("#equi").val();
            $.ajax({
                type: "post",
                url: "manejo.php",
                data: "equipo=" + equipo,
                success: function(data) {
                    $("#entre_repo").html(data);
                    
                }
            });
        });
    });
 
}
 

no pongo las otras dos porque son básicamente lo mismo

mi culpa alguien puede moverlo a la seccion correspondiente ? por inercia vine a la de php

[petit89]

Código Javascript:

function TC() {
        $(document).ready(function() {
            $("#equi").change(function() {
                var equipo= $("#equi").val();
                    $('#NOMBRE_CAMPO_CAPITAN').prop('selectedIndex',0); /*AQUI CAMBIA EL NOMBRE*/
                $.ajax({
                    type: "post",
                    url: "manejo.php",
                    data: "equipo=" + equipo,
                    success: function(data) {
                        $("#entre_repo").html(data);
                        
                    }
                });
            });
        });
     
    }
 

[sonystar_17]

gracias por responder lo que logre hacer fue en el primer select cambia limpio el 3ro

con

Código Java:

$("#selectcap option:selected").remove();
 

no se si existan mejores opciones realmente. pero con eso me sirve , si alguno tiene otras ideas bienvenidas son.
gracias petit89 por responder también!