Tengo el siguiente código
function setubicacion()
{
var estado;
var municipio;
var localidad;
/*obtengo el id del productor del campo select*/
var idproductor=$("#productor").val()*1;
/*ejecuto consulta por ajax para obtener los valores de estado, municipio, localidad*/
$.post("../ajax/planesvivos.php?op=setubicacion",{idproductor:idproductor},
function(data,status)
{
data=JSON.parse(data);
/*asigno las variables estado, municipio, localidad con el resultado de la consulta
hasta aqui funciona bien*/
estado=data.estado;
municipio=data.municipio;
localidad=data.localidad;
console.log(data);
$("#estado").val(estado);
$("#estado").selectpicker('refresh');
});
/*muestro el valor de las variables, pero me muestra null*/
console.log("estado="+estado);
console.log("municipio="+municipio);
console.log("localidad="+localidad);
}
No se como hacer para que el valor de las variables estado, municipio y localidad lo pueda asignar dentro de la funcion post y poder usarla en cualquier otro lado dentro de la funcion setubicacion
EDIT1: lo que arroja la consola es lo siguiente:
estado=undefined
municipio=undefined
localidad=undefined
EDIT2: se agrego el console.log(data) y arroja lo siguiente:
Object { estado: "7", municipio: "3", localidad: "53" }
EDIT3: una posible solucion es crear 3 campos tipo hide en el formulario, guardar ahi el valor de estado, municipio, localidad. y luego en otra parte de la funcion (fuera de la funcion post) obtener los valores de los campos y así poder usarlos en otra parte, incluso fuera de la funcion setubicacion, porque ya estan en el dom.
Pero eso no es tan viable ni lo mejor, supongo. Espero sus respuestas al asunto.
EDIT4: he realizado lo del edit 3, pero no funciona, por alguna razon no actualiza los datos en el dom. Alguna idea?