[SOLUCIONADO] Cambiar combo desde input

[kalper]

Hola a todos, necesito una manita por favor tengo el siguiente codigo:

<input type="text" id="fecha1" name="fecha1" value=""/>
<input type="text" id="fecha2" name="fecha2" value=""/>
<div class="selector-chofer">
<strong>Chofer:</strong>
<select></select>
<script type="text/javascript">
$(document).ready(function() {
var form_data = {
fp:+$("#fecha1").val(),
ff:+$("#fecha2").val(),
};
$.ajax({
type: "POST",
url: "vchoferes.php",
data: form_data,
success: function(response)
{
$('.selector-chofer select').html(response).fadeIn();
}
});

});
</script>
</div>

y en mi script php de llenado para el combo:

$query= "select id, nombre from choferes where fecha between $_REQUEST['fp'] and $_REQUEST['ff']";
$rs = mysqli_query($cn, $query);
echo '<option value="">Seleccionar</option>';
while ($fila = mysqli_fetch_row($rs)) {
echo '<option value="'.$fila['id'].'">'.$fila['nombre'].'</option>';
}
mysqli_close($cn);

resulta que quiero que el combobox cambie segun las fechas que ingreso en los input sin tener que hacer submit o recargar la pagina, y el problema es que no recibe las variables en la query... algo esta fallando porfa una manita

[Alexis88]

El error es evidente: no estás cargando la información en el momento en el que se produce el cambio de valores en las cajas de texto; solo capturas el contenido de ambas luego de la carga la página y, lógicamente, obtienes valores nulos porque estas aún no poseen contenido.

La idea es que ejecutes la captura de los valores y el envío de los mismos mediante una petición asíncrona (AJAX) cuando se produzca alguno de los eventos del teclado mientras cualquiera de las cajas de texto tenga el enfoque. Sabiendo esto, podrías hacer algo así:

Código Javascript:

$(document).ready(function(){
    $("#fecha1, #fecha2").on("keypress", function(){
        //Tus instrucciones
    });
});
 

Y ya que usas jQuery, podrías utilizar el widget datepicker (de jQuery UI) para seleccionar fechas de un calendario y así ya no sería necesario que utilices el evento keypress, sino el evento change.

[kalper]

Hola Alexis, disculpa pero esque inicio en esto de js que me parece muy interesante, te refieres a que haga esto?

$(document).ready(function(){
$("#fecham").on("blur", function(){
var ab = document.getElementById('fecha1').value;
var cd = document.getElementById('fecha2').value;
var form_data = {
fp:ab
ff:cd
};
$.ajax({
type: "POST",
url: "vchoferes.php",
data: form_data,
success: function(response)
{
$('.selector-chofer select').html(response).fadeIn();
}
});
});

una vez mas lamento la insitencia pero lo probe y para cambiar el contenido del combo tengo que actualizar la pagina, se podra sin tener que actualizar la pagina? osea que cambie el contenido del combo sin recargar la pagina...

[kalper]

Hola al fin lo solucione... dejo como lo hice por si le sirve a alguien...

<div class="selector-chofer">
<strong>Chofer:</strong>
<select id="vch">
<option value="">- Seleccione chofer -</option>
</select>
<script type="text/javascript">
$(document).ready(function() {
$("#fecha2").on("click", function(){
var ab = document.getElementById('fecha1').value;
var cd = document.getElementById('fecha2').value;
var form_data = {
fp:ab,
ff:cd,
};
$.ajax({
type: "POST",
url: "vchoferes.php",
data: form_data,
success: function(response)
{
$('.selector-chofer select').html(response).fadeIn();
}
});
});
});
</script>
</div>

Lo último seria cambiar esa parte de - $("#fecha2").on("click", function(){ - porque tendria que dar click para actualizar el combo probé usando un calendario en js pero tengo que dar click luego de seleccionar la fecha lo cual lo hace un tanto repetitivo (por los click) si alguien lo logra hacer sin dar click en ningun lugar antes agradecería lo coloque =)
Gracias por tu aporte Alexis... suerte a todos.

[Alexis88]

En realidad, por lo que entendí del mensaje inicial, creo que la idea es hacer algo como esto. Una vez que hayas elegido o digitado una fecha en ambas cajas de texto, realizarías la petición asíncrona (AJAX), obtendrías una respuesta y la añadirías al combo.