<code><!-- desde aca empieza select dependiente -->
<?php
include('db-config.php');
$query = $db->query("SELECT * FROM provincias ORDER BY provincia ASC");
$rowCount = $query->num_rows;
?>
<div class="input-group input-group-lg">
<span class="input-group-addon" id="sizing-addon1">
<i class="glyphicon glyphicon-map-marker"></i>
</span>
<select name="us_provincia" id="provincia"
value="<?php echo $usprovincia; ?>">
<option value="">Seleccione Provincia</option>
<?php
if($rowCount > 0){
while($row = $query->fetch_assoc()){
echo '<optionvalue="'.$row['id_prov'].'">'.$row['provincia'].'</option>';
}
}else{
echo '<option value=""> no disponible</option>';
}
?>
</select>
</div>
<div class="input-group input-group-lg">
<span class="input-group-addon" id="sizing-addon1">
<i class="glyphicon glyphicon-map-marker"></i></span>
<select name="us_ciudad" id="ciudad" value="<?php echo $usciudad; >">
<option value="">ciudad</option>
</select>
</div>
<script src="../js/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#provincia').on('change',function(){
var provinciaID =$(this).val();
if(provinciaID){
$.ajax({
type:'POST',
url:'ajaxData.php',
data:'id_prov='+provinciaID,
success:function(html){
$('#ciudad').html(html);
}
});
}else{
$('#ciudad').html('<option value="">Ciudad</option>');
}
});
});
</script>
<!-- aca termina select dependiente -->
</code>
Entiendo que me guarda el id solamente porque es lo que estoy haciendo, pero quisiera una idea de como poder guardar los nombres de las variables, no su id.
Y la pagina ajaxData.php :
<code>
<?php
include('db-config.php');
if(isset($_POST["id_prov"]) && !empty($_POST["id_prov"])){
$query = $db->query("SELECT * FROM ciudades
WHERE id_prov =".$_POST['id_prov']." ORDER BY ciudad ASC");
$rowCount = $query->num_rows;
if($rowCount > 0){
echo '<option value="">Seleccione ciudad</option>';
while($row = $query->fetch_assoc()){
echo '<option
value="'.$row['id_ciudad'].'">'.$row['ciudad'].'</option>';
}
}else{
echo '<option value="">no disponible</option>';
}
}
?>
</code>