Select dinamically with radio buttons + indexed Form

[Manuel Sanchez Iba�ez]

Hello all, you are the last hope. Sorry for my english, i speak english a litle. I have a form with a unknown number of fields and something fields have multiple possibility.

I use Struts and i have resolved the problem of unknown fields using "indexed" property. One example:

<logic:iterate id="controles" name="listaejercicios" indexId="contador">
 
Contenido : <html:select name="controles" property="contenido" indexed="true" size="1"></html:select>
 
<html:radio name="controles" property="tipocontenido" value="conindata" indexed="true" onclic="changeContenidosControl(this.value,this.name);"/>Conducta
 
<html:radio name="controles" property="tipocontenido" value="gesindata" indexed="true" onclic="changeContenidosControl(this.value,this.name);"/>Gesto I
.....

The number of fields depends of information loading in DB. Well, one example is this form with 2 records loaded. The fields are initialized with the stored values and the user can modify that values. I put directly the html code generated:

    
 
Contenido :  <select name="controles[0].contenido" size="1"></select>
 
<input type="radio" name="controles[0].tipocontenido" value="conindata" onclic="changeContenidosControl(this.value,this.name);">Conducta 
 
<input type="radio" name="controles[0].tipocontenido" value="gesindata" onclic="changeContenidosControl(this.value,this.name);">Gesto 
 
------------------------------------------------------
 
Contenido :  <select name="controles[1].contenido" size="1"></select>
 
<input type="radio" name="controles[1].tipocontenido" value="conindata" onclic="changeContenidosControl(this.value,this.name);">Conducta 
 
<input type="radio" name="controles[1].tipocontenido" value="gesindata" onclic="changeContenidosControl(this.value,this.name);">Gesto 
 

If two records were stored with radio-button value="CONINDATA", each radio-button (value="CONINDATA") of record will appear selected. That�s all right. We suppose two records have selected a radio button with value="conindata".

The problem is when user want to change to other radio button. If he clicks in other radio button (value="GESINDATA") of record1, works fine but if he clicks too in radio button with value="GESINDATA" of record2 throws an error:

"the object don�t accept this property or method"


The JavaScript function change the list of values in select field depending of radio button is clicked (The lists of values are loading in variables)

  
function changeContenidosControl(control,name){
var contenidosArray = new Array();
var ind = name.substring( name.indexOf('[') +1 ,name.lastIndexOf(']') );
var id = parseInt(ind,10);
 
var contenidosControl = document.forms['indexForm'].elements["controles["+ id +"].contenido"];
contenidosControl.options.length = 0;
 
if (control == 'conindata') {contenidosArray = Arrayconindata;}
if (control == 'gesindata') {contenidosArray = Arraygesindata;}
 

for (i=0; i < contenidosArray.length;i++)
[B]contenidosControl.options[i] = contenidosArray[i];[/B]
 
}

I think the problem is in bold line because the change of values in select field work fine while the user doesn�t click the same two radio buttons.


If you need more information about my problem, tell me and i will write soon.

Regards.