si me pueden por fa colaborar con lo siguiente:
Tengo un formulario con 3 select: SELECT1: Procesos, SELECT2: categorías, SELECT3: subprocesos
La información que se carga en los select SELECT2 y SELECT3, dependen de lo escogido en el SELECT1. Sin embargo no he logrado hacer que se carguen ambos select al mismo tiempo, solo me carga uno. Intenté hacer lo de esta respuesta, pero no funciona. Este es mi .js:
function subcategory(){
let proces = $('#process').val()
console.log(proces);
$.ajax({
url: 'assets/php_jquery/jquerysub.php',
data: {proces},
type: 'GET',
success: function (response) {
if(!response.error) {
let conts = JSON.parse(response);
console.log(response)
let template = '';
conts.forEach(cont => {
template += `
<option class="option" value="${cont.idsub}">${cont.title}</option>
`;
});
$('.option').remove();
$('.sub1').html(template);
}
}
})
}
function category(){
let proces = $('#process').val()
console.log(proces);
$.ajax({
url: 'assets/php_jquery/jquery.php',
data: {proces},
type: 'GET',
success: function (response) {
if(!response.error) {
let conts = JSON.parse(response);
console.log(response)
let template = '';
conts.forEach(cont => {
template += `
<option class="option" value="${cont.idprocess}">${cont.title}</option>
`;
});
$('.option').remove();
$('.category1').html(template);
}
}
})
}
$('#process').click(function(){
category();
subcategory();
})
Ayuda por favor, gracias,