Buenas a todos, éste es mi primer post y bueno queria saber o tener la posibilidad de que alguien me pudiese resolver un trozo de código en el que estoy trabajando.
Alla vamos:
Tengo un formulario que carga los datos de la base de datos, cuenta con los campos genericos(Nombre apellidos etc) pero tambien cuenta con dos campos select. El primero carga los datos de las secciones que hay en la base de datos y hasta ahi todo perfecto.
Mi problema llega cuando hago el evento en JavaScript de cambio de valor de ese select para que haga la consulta en el siguiente select que depende del primero.
La cosa seria esta:
aqui capturo el valor del select
document.getElementById('categoria').onchange = function valorcategoria() {
var categoria = document.getElementById('categoria').value;
//mostramos el valor
alert(categoria);
};
aqui cargo el segundo select que deberia mostar los campos de la base de datos segun la seleccion del primer select:
<div class="labels">
<label>Subcategoria</label>
</div>
<div class="inputs">
<select name="subcategoria">
<option name="op">--Seleccione--</option>
<?php
$categoria = "<script>document.write(categoria.value)</script>";
print "<h1>$categoria</h1>";
muestraSubcategorias($categoria);
?>
<!--Realizar los desplegables con la BD-->
</select>
</div>
y esta es la consulta que los carga
function muestraCategorias() {
include 'includes/conexion.php';
$consulta = $dwes->query("SELECT id_area , nombre FROM seccion");
while ($registro = $consulta->fetch(PDO::FETCH_OBJ)) {
$nombre = $registro->nombre;
$id = $registro->id_area;
echo " <option name='op' value='$id'>" . $nombre . "</option>";
}
}
pero no consigo que me llegue la variable a la función.. a ver si me podeis ayudar! Un saludo