Tengo una funcion en jquery que carga las comunidades , la provincias en funcion de las comunidades y los municipios en funcion de las provincias, en select.
Pero cuando traigo de la base de datos el dato de un ciudadano con su comunidad, provincia y municipio el codigo es el siguiente.
Código PHP:
$html = '<li>'
.'<label id="title1" class="desc">Seleccionar Municipio</label>'
.' <div id="ciudad" class="contenido">'
.'<select style="width:200px" class="comunidad" id="f1" name="data['.$this->id.'][comunidad]">'
.'<option>Seleccione Comunidad</option>.';
for($i = 0 ; $i < $countComunidad; $i++){
if($comunidad[$i]['id']==$data['comunidad']){
$cheked='selected';
$html .='<option value='. $comunidad[$i]['id'] .' selected ='. $cheked. ' >' . $comunidad[$i]['comunidad'] . '</option>';
}
else{
$html .='<option value='. $comunidad[$i]['id'] .' >' . $comunidad[$i]['comunidad'] . '</option>';
$cheked='selected';
}
}
$html .='</select>'
.'<select style="width:200px" class="provincia" id="f2" name="data['.$this->id.'][provincia]">'
.'<option>Seleccione Provincia</option>';
for($i = 0 ; $i < $countProvincias; $i++){
if($provincias[$i]['id']==$data['provincia']){
$cheked='selected';
$html .='<option value='. $provincias[$i]['id'] .' selected ='. $cheked. ' >' . $provincias[$i]['provincia'] . '</option>';
}
else{
$html .='<option value='. $provincias[$i]['id'] .' >' . $provincias[$i]['provincia'] . '</option>';
$cheked='selected';
}
}
$html .='</select>'
.'<select style="width:240px" class="ciudad" id="f3" name="data['.$this->id.'][ciudad]">'
.'<option>Seleccione Municipio</option>';
for($i = 0 ; $i < $countMunicipio; $i++){
if($municipios[$i]['id']==$data['ciudad']){
$cheked='selected';
$html .='<option value='. $municipios[$i]['id'] .' selected ='. $cheked. ' >' . $municipios[$i]['municipio'] . '</option>';
}
else{
$html .='<option value='. $municipios[$i]['id'] .' >' . $municipios[$i]['municipio'] . '</option>';
$cheked='selected';
}
}
$html .='</select>'
. '</div>'
.'</li>';
return $html;
El jquery es el siguiente.
Código:
Un saludo y gracias $('#ciudad').change(function(){ $("#ciudad").addClass('sciudad'); $("#ciudad").removeClass('contenido'); }) if($('.sciudad').length>0){ { load:'carga_comunidades' }, function(data){ $('.comunidad').html(data); }) $('.comunidad').change(function(){ var current_val = $(this).val(); $('.provincia').html('<option value="">Seleccione una Provincia</option>'); $('.ciudad').html('<option value="">Seleccione un Municipio</option>'); { load: 'carga_provincias', id_comunidad:current_val }, function(data){ $('.provincia').html(data); }); }); // $('.provincia').change(function(){ var current_val = $(this).val(); $('.ciudad').html('<option value="">Seleccione un Municipio</option>'); { load: 'carga_ciudades', id_provincia:current_val }, function(data){ $('.ciudad').html(data); }); }); }