Tengo dos select, uno cargo los países, en el otro las provincias que "reacciona" de acuerdo al país que se seleccionó primero. Recién consulté cómo traer desde una BD el código de un país y hacer que ese select de países me muestre el país que viene desde la BD, pero tambien tengo una provincia que traigo desde la BD. Ahora bien, aplicando esa carga, "no reacciona" el select de provincias ya que no se carga de acuerdo al select seleccionado mediante el dato de la BD. El select de países se carga con:
<select id="pais" class="ui fluid search dropdown" name="pais">
<option value="0"></option>
<?php
$conexion = new Conexion();
$stmt = $conexion -> prepare("SELECT paiscod, paisnom FROM paises ORDER BY paisnom");
$stmt->execute();
while ($row = $stmt->fetch(PDO::FETCH_ASSOC)) {
if ( $row['paiscod'] == $pais ) { ?>
<option value = "<?php echo $row['paiscod']?>" selected><?php echo ($row['paisnom'])?></option>
<?php } else { ?>
<option value = "<?php echo $row['paiscod']?>"><?php echo ($row['paisnom'])?></option>
<?php }
}
?>
</select>
<select id="provincias" class="ui fluid search dropdown" name="selectProvincias">
<option value=""></option>
</select>
$id_pais = $_POST['id_pais'];
$conexion = new Conexion();
$stmt = $conexion -> prepare("SELECT provincod, provinnom FROM provincia WHERE paiscod = :valor");
$stmt->bindParam(':valor', $id_pais);
$stmt->execute();
if ($stmt->rowCount() > 0) {
while ($row = $stmt->fetch(PDO::FETCH_ASSOC)) {
$html .= '<option value = "'.$row['provincod'].'">'. $row['provinnom'].'</option>';
}
}
echo $html;
<script language="javascript">
$(document).ready(function() {
$("#pais").change(function() {
$("#pais option:selected").each(function() {
id_pais = $(this).val();
$.post("provincias.php", {
id_pais: id_pais
}, function(data) {
$("#provincias").html(data);
});
});
})
});
</script>
PREGUNTA 1: ¿Por qué el js no reconoce el cambio en el select país cuando toma el valor desde la BD ?
PREGUNTA 2: ¿Cómo le paso el código de la provincia que viene por BD para que me muestre la provincia seleccionada ?
change
?each
deloption:selected
si sólo se puede seleccionar una opción? Mejor mete directoid_pais = $("#pais option:selected").val()
Y es mejor que tu código de php que consulta la BD por las provincias lo pongas en otra clase, y en$.ajax
pones la ruta al archivo.$("#pais option:selected").each(function() {
que esta demás y ya esta.provincias.php
¿Qué te muestra en la consola si hacesconsole.log(data)
?