tengo problemas al crear un select dinamico
con jquery
se trata de 2 select uno de paises y otro de estados
ambos los cargo desde una base datos
el html es el siguiente:
Código HTML:
pais: <select class="cajaPequenhia :required" name="wpais" id="wpais">
</select>
Estado:
<select name="westado" class="cajaPequenhia :required" id="westado">
</select> el js es el siguiente:
Código:
cargaPais=function()
{
$('#wpais').html('<option>Cargando Opciones...</option>');
$.ajax({
url:'php/busca_pais.php',
type:'post',
dataType:'json',
success:function (respuesta)
{
if(respuesta[0]==1)
{
return true;
}
$('#wpais').html('<option>Seleccione...</option>');
$(respuesta).each(function (index){
$("#wpais").append('<option value="'+respuesta[index].imain+'">'+respuesta[index].country+'</option>');
});
}
});
}
/******************************
listarEstados=function()
{
$('#westado').html('<option>Cargando Opciones...</option>');
$.ajax({
url:'php/busca_estado.php',
data:'pais='+$('#wpais').val(), // linea del error
type:'post',
dataType:'json',
success:function (respuesta)
{
if(respuesta==null)
{
$('#westado').html('');
}
$('#westado').html('<option>Seleccione...</option>');
$(respuesta).each(function (index){
$("#westado").append('<option value="'+respuesta[index].imain+'">'+respuesta[index].estado+'</option>');
});
}
});
}
El error me lo presenta en el ( data:'pais='+$('#wpais').val() ) que me devuelve como no definido