cambiar consulta de sql con javascript

[lusman]

Hice lo siguiente

Código PHP:

<script type="text/javascript">
        function recargarS2(valor){
    var ajax = new XMLHttpRequest(), salida = document.querySelector("#select_estado");
    ajax.open("GET", "resumen.php?estado=" + valor, true);
    ajax.addEventListener("load", function(){
        if (this.status == 200){
            salida.innerHTML = this.responseText;
        }
    }, false);
    ajax.send();
}
        </script>
 

Código PHP:

<select class="form-control" id="select_estado" name="filtro" onchange="recargarS2(this.value)";>
                                            <option value="null">
                                                Filtrar:
                                                <?php
                                                $estados=listarEstados();
                                                foreach($estados as $estados){
                                                echo '<option value="'.$estados['id_estado'].'" >'.$estados['nombre'].'</option>';
                                                }
                                                ?>
                                        </select>
 

y la consulta la coloque asi

Código PHP:

  $estado = $_GET['estado']; 
                                       $sql = "SELECT*FROM guia WHERE estado_guia='$estado'"; 
                            $result = mysql_query($sql); 
                            while($row = mysql_fetch_array($result)){  
   

mas no me funciona orita se selecciona solo el primer select intento seleccionar otro y vuelve al primer select