Tengo un select que en un archivo js me esta siriviendo para distintas cosas como un change para que me liste aquellas ciudades que dependen del id del pais, resulta que ahora necesito es que cuando se haga click en el option (en el select del pais)
, ejemplo en el pais MEXICO me tome ese id y me lo guarde en una variable global...
para luego a un input que esta dentro de un formulario darle ese valor y guardarlo junto con las ciudad que se ingrese, es decir que al obtener ese valor se pueda guardar algo como lo siguiente:
name:"id_pais"
value: "5"
name:"nombre_ciudad"
value : "monterrey"
Espero haberme hecho entender y agradeceria su colaboracion.
ESTE ES EL CODIGO QUE ESTOY USANDO HASTA AHORA
var IdPais;
$(document).ready(function()
{
function getPais()
{
return $.ajax({ url: 'configuracion/lista_pais', type: 'GET', dataType: 'json'});
}
getPais()
.done(function(respuesta)
{
try
{
var resultado = respuesta;
for(var i = resultado.length - 1; i >= 0; i--)
{
// AQUI HAGO EL OPTION PARA LISTAR LOS PAISES
}
}
catch(e)
{
console.info(e);
}
});
// ACÁ HAGO EL CHANGE PARA LISTAR EN UNA TABLA LAS CIUDADES
$('#paises').change(function(event)
{
event.preventDefault();
//aqui supuestamente declaro la variable global
IdPais = $(this).val();
$.ajax({url: 'configuracion/listar_ciudades', type: 'POST', dataType: 'json', data: {'id_pais': IdPais},})
.done(function(respuesta)
{
try
{
var resultado = respuesta;
for(var i = resultado.length - 1; i >= 0; i--)
{
var rowNode = ciudades
.row.add([
resultado[i].ciudad_id,
resultado[i].ciudad_nombren,
'<center><button id="editar" class="btn btn-info" style="background: orange; border-color: orange; width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px;" title="editar"><span class="glyphicon glyphicon-pencil"</span></button></center>',
])
.draw()
.node();
}
}
catch(e)
{
console.info(e);
}
})
.fail(function(){
console.log("error");
});
});
$('#id_pais').val(IdPais); // Es aqui donde se deberia de guardar el id del pais
HTML
<form>
<input type="hidden" name="id_pais" id="id_pais">
<input type="text" name="nombre_ciudad" id="nombre_ciudad">
<input type="submit" value="guardar">
</form>