¡Hola!
Tengo un problemilla con javascript, he creado un select dinámico (dependiendo de la opción ue elija el usuario en el siguiente select hay unas u otras opciones), pero ahora no sé como mostrarlo. Lo he intentado ya de muchas formas, pero como javascript es un lenguaje que no domino no puedo mostrarlo por pantalla, y , por lo tanto, tampoco sé si está bien. El código que tengo es el siguiente:
Código PHP:
...CODIGO PHP ........
echo '<script language="javascript">';
echo 'var arrayCodigoSeccion = new Array("'.implode('","', $arrayCodigoSeccion).'");';
echo 'var cursosCFGM = new Array("'.implode('","', $cursosCFGM).'");';
echo 'var cursosPGS = new Array("'.implode('","', $cursosPGS).'");';
echo 'var cursosFPO = new Array("'.implode('","', $cursosFPO).'");';
echo 'var elegirEstudio = new DynamicOptionList();';
echo 'elegirEstudio.addDependentFields("seccion","codigoCurso");';
echo'
for(var i = 0; i < arrayCodigoSeccion.length; i++) {
for(var j = 0; j < cursosCFGM.length; j++)
elegirEstudio.forValue(arrayCodigoSeccion[i]).addOptions(cursosCFGM[j]);
for(var j = 0; j < cursosPGS.length; j++)
elegirEstudio.forValue(arrayCodigoSeccion[i]).addOptions(cursosPGS[j]);
for(var j = 0; j < cursosFPO.length; j++)
elegirEstudio.forValue(arrayCodigoSeccion[i]).addOptions(cursosFPO[j]);
}
elegirEstudio.selectFirstOption = false;
//document.write(elegirEstudio);
document.createElement(elegirEstudio);';
echo '</script>';
....CODIGO PHP....
Esto que os muestro está integrado en php pero no me funciona.
Otra posible solución que he pensado y que tampoco me funciona sería:
CODIGO PHP:
Código PHP:
echo'
<br><br>
<strong>Select dinámico</strong>
<fieldset id="fiel1">
<input type="button" value="Mostrar select" onclick="mostrarSelect(this)">
</fieldset>';
Código:
CODIGO JAVASCRIPT:
<script language="javascript">
function mostrarSelec(obj){
fi = document.getElementById('fiel1');
contenedor = document.createElement('div1');
contenedor.id = 'div1';
fi.appendChild(contenedor);
txt = document.createTextNode('Select: ');
ele = document.createElement('DynamicOptionList');
ele.addDependentFields('seccion','codigoCurso');
ele.forValue('PGS').addOptions('Auto','Confeccion','Electrónica');
ele.forValue('FPO').addOptions('Auto','Informatica','Motos');
ele.selectFirstOption = false;
contenedor.appendChild(txt);
contenedor.appendChild(ele);
}
</script>
Muchas gracias de antemano