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.
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.
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);
});
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
.
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