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