Tengo un ComboBox que carga los option desde la base de datos.
Necesito que al momento de seleccionar algún dato cargue la consulta, dependiendo de la opción seleccionada, todo esto con AJAX.
Stack Overflow en español es un sitio de preguntas y respuestas para programadores y profesionales de la informática. Solo te toma un minuto registrarte.
Regístrate para unirte a esta comunidadTengo un ComboBox que carga los option desde la base de datos.
Necesito que al momento de seleccionar algún dato cargue la consulta, dependiendo de la opción seleccionada, todo esto con AJAX.
Te recomiendo usar onchange
.
<select onchange="myFunction()">
Luego capturar el valor del select
(ComboBox) y usar el AJAX en la función asignada al onchange
.
Agrega una función ajax en el evento onclick
. Le pasas, por ejemplo, el id del elemento que has seleccionado para poder hacer la consulta en la base de datos.
elemento.addEventListener('click',function(event){
llamarAjax(event.id);
});
Podrias asociarte al evento change del combo y alli realizar la llamada ajax
<script>
$(function(){
$("#comboId").change(function(){
var seleccion = $(this).val();
$.ajax({
type: "POST",
url: "url",
data: seleccion,
datatype: "application/json",
success: function (data) {
$('#result').html(data);
}
});
});
});
</script>
En este caso hago uso de jquery para controlar el evento y ademas invocar al servidor mediante ajax