cargar combo con append hola
tengo esta instruccion la cual me carga los combos de pais, ciudad, y departamento:
//////////////////////////////////////////////////////////////////////
<script type="text/javascript">
$(document).ready(function(){
dependencia_estado();
cargar_paises();
$("#pais").change(function(){dependencia_estado( ); });
$("#mcpo").change(function(){dependencia_ciudad( ); });
$("#dpto").attr("disabled",true);
});
function cargar_paises()
{
$.get("scripts/cargar-paises.php", function(resultado){
if(resultado == false)
{
alert("Error");
}
else
{
$('#pais').append(resultado);
}
});
}
function dependencia_estado()
{
var code = $("#pais").val();
$.get("scripts/dependencia-estado.php", { code: code },
function(resultado)
{
if(resultado == false)
{
alert("Error");
}
else
{
$("#mcpo").attr("disabled",false);
document.getElementById("mcpo").options.length=1;
$('#mcpo').append(resultado);
}
}
);
}
function dependencia_ciudad()
{
var code = $("#mcpo").val();
$.get("scripts/dependencia-ciudades.php?", { code: code }, function(resultado){
if(resultado == false)
{
alert("Error");
}
else
{
$("#dpto").attr("disabled",false);
document.getElementById("dpto").options.length=1;
$('#dpto').append(resultado);
}
});
}
</script>
<table>
<tr class="registro4">
<td width='13%' align="left" height="36">País<span style="color:#f00">*</span>:</td>
<td width="38%" align="left"><!--<input type='text' class="demandado_natural" />--><select id="pais" name="pais">
<option value="CO" class="demandado_natural">Colombia</option>
</select></td>
<td width='13%' align="left" height="36">Departamento<span style="color:#f00">*</span>:</td>
<td width="38%" align="left"><!--<input type='text' class="demandado_natural" />--><select id="mcpo" name="mcpo">
<option class="demandado_natural" value="0">Selecciona Uno...</option>
</select></td>
</tr>
<tr class="registro5">
<td width='13%' align="left" height="36">Ciudad<span style="color:#f00">*</span>:</td>
<td width="38%" align="left"><!--<input type='text' class="demandado_natural" />--><select id="dpto" name="dpto">
<option value="0" class="demandado_natural">Selecciona Uno...</option>
</select></td>
</table>
///////////////////////////////////////////////////////////////////
el problema que tengo es que utilizo una instrucción append para adicionar tres combos mas dinamicamente pero en los combos no me cargan la información a la hora de hacer el append, quedan en blanco.
Este es el codigo del append:
///////////////////////////////////////////////////////////////////
$('#cargar_demandado2').append('<tr class="registro4"><td width="13%" align="left" height="36">Pais:</td><td width="38%" align="left"><select class="pais" name="pais"><option value="CO" class="demandado_natural">Colombia</option></select></td><td width="13%" align="left" height="36">Departamento:</td><td width="38%" align="left"><select class="mcpo" name="mcpo"><option class="demandado_natural" value="0">Selecciona Uno...</option></select></td></tr><tr class="registro5"><td width="13%" align="left" height="36">Ciudad:</td><td width="38%" align="left"><select id="dpto" name="dpto"><option value="0" class="demandado_natural">Selecciona Uno...</option></select></td></tr>');
///////////////////////////////////////////////////////////////////
Si alguien me pudiese ayudar se lo agradecería...
