Buenas estoy intentando hacer una consulta a una base de datos con AJAX una vez que el usuario haya introducido valores en 3 input. La consulta debe meter los resultados en el datalist de un 4º input. El problema lo tengo en el selector, lo he hecho anidándolos de manera que si los rellenas los 3 en orden hace correctamente la consulta AJAX pero si los haces desordenados (Ej: introduces valor para el 2º input y luego para el 1º) no lo realiza correctamente. ¿Cómo evito eso?
$("#clinica").on("input", function () {
$("#medico").on("input", function () {
$("#fecha").on("input", function () {
$.get("cambio_fecha.php", { clinicaHora: $('#clinica').val(),
medicoHora: $('#medico').val(),
fechaHora: $('#fecha').val()}, function (data) {
$("#opcionesHoras").empty();
$("#opcionesHoras").append(data);
});
});
});