Hola, necesito alguna luz que me ilumine porque ya tengo casi todas mis luces fundidas...
. Tengo el código pero me falta escribirlo correctamente. Os cuento:
En un formulario normal declarado como 'ejercicioForm' tengo un campo select:
Código HTML:
Contenido : <select name="contenido" size="1"></select>
<tr>
<td><input type="radio" name="tipocontenido" value="conindata" onclick="changeContenidosEjercicio(this.value);">Conducta Individual Ataque</td>
<td><input type="radio" name="tipocontenido" value="gesindata" onclick="changeContenidosEjercicio(this.value);">Gesto Individual Ataque</td>
</tr>
Así, en la función javascript puedo cambiar los valores del campo select según se pulse una opción del campo radio:
Código:
function changeContenidosEjercicio(control){
contenidosArray = new Array();
//Si no creo mal, en contenido se cargarán los valores, pero se supone que debería estar
//al final, pero así no funciona. Si es que esto de javascript...
contenidosEjercicio = document.forms['ejercicioForm'].contenido;
contenidosEjercicio.options.length=0;
if (control == 'conindata') {contenidosArray = Arrayconindata;}
if (control == 'gesindata') {contenidosArray = Arraygesindata;}
for (i=0; i < contenidosArray.length;i++)
contenidosEjercicio.options[i] = contenidosArray[i];
}
Este código funciona bien, pero ahora necesito lo mismo pero con un formulario dinámico donde puede haber varios de estos campos select. El control del formulario dinámico lo hago bien, un ejemplo es:
Código HTML:
Contenido : <select name="controles[0].contenido" size="1"></select>
<tr>
<td> <input type="radio" name="controles[0].tipocontenido" value="conindata" checked="checked" onclick="changeContenidosControl(this.value,0);">Conducta Individual Ataque</td>
<td><input type="radio" name="controles[0].tipocontenido" value="gesindata" onclick="changeContenidosControl(this.value,0);">Gesto Individual Ataque</td>
</tr>
Código HTML:
Contenido : <select name="controles[1].contenido" size="1"></select>
<tr>
<td> <input type="radio" name="controles[1].tipocontenido" value="conindata" checked="checked" onclick="changeContenidosControl(this.value,1);">Conducta Individual Ataque</td>
<td><input type="radio" name="controles[1].tipocontenido" value="gesindata" onclick="changeContenidosControl(this.value,1);">Gesto Individual Ataque</td>
</tr>
Mi problema es que no consigo declarar bien esta línea:
contenidosControl = document.forms['controldinamicoForm'].contenido;
¿Cómo sería? He probado muchas combinaciones pero consigo hallar la correcta. Paso el índice a mi nueva función pero no se si tengo que poner "controles" , donde ponerlo, combinarlo con [indice], etc...
¿Alguna idea?