selects dentro de tabla

[Japrendo]

necesito una ayuda amigos...tengo una tabla con varios select (realmente es el mismo repetido varias veces)

esto en JSP : extrae de una bd y presenta la lista de opciones para que el usuario escoja (pero crea una tabla de varios registros con las mismas listas en todos los registros)

pego un extracto de jsp

Código Java:

<table ID="dataRangos" class="estiloRangos">
            <tr>
                <th>ORDEN</th>
                <th>OPER.</th>
                <th>Agrup.</th>
                <th>CAMPO</th>
                <th>Agrup.</th>
            </tr>
            <%
            for (int i=0;i<listaRangos.size();i++){
                %>
               <tr>
               <td><input type="text" style=" text-align: right" size="5" id="txtorden"  value="<%=listaRangos.get(i).getiCampo1()%>" ></td>
               <td>
               <select id='slcOper'>
                   <option value=0></option>
                  <%
                  String opx="";
                  String opy="";
                  for (int j=0;j<Operadores.size();j++){
                      opx=Operadores.get(j).getsCampo1();
                      opy=listaRangos.get(i).getsCampo3();
                      if (opx.equals(opy)){
                         %>
                         <option selected="selected" value=<%=Operadores.get(j).getsCampo1()%>><%=Operadores.get(j).getsCampo1()%></option>
                         <%
                      }else{    
                         %>
                         <option value=<%=Operadores.get(j).getsCampo1()%>><%=Operadores.get(j).getsCampo1()%></option>
                         <%
                      }    
                  }
                  %>    
               </select>
               </td>
               <%
               if (listaRangos.get(i).getsCampo4()==null){
                   Agrup1="";
               }    
               if (listaRangos.get(i).getsCampo6()==null){
                   Agrup2="";
               }    
               %>   
               <td><input type="text" style=" text-align: right" size="5" id="txtagrup1" value=<%=Agrup1%> ></td>
               <td>
               <select id='slcFuente'>
                   <option value=0></option>
                  <%
                   String fx="";
                   String fy="";
                   for (int k=0; k<listaI.size();k++){
                       fx=listaI.get(k).getsCampo1(); //+"-"+listaI.get(k).getsCampo2();
                       fy=listaRangos.get(i).getsCampo5();
                       if (fx.equals(fy)){
                          %>
                          <option selected="selected" value="<%=listaI.get(k).getsCampo1()%>"><%=listaI.get(k).getsCampo1()%>-<%=listaI.get(k).getsCampo2()%></option>
                          <%
                       }else{
                          %>
                          <option value="<%=listaI.get(k).getsCampo1()%>"><%=listaI.get(k).getsCampo1()%>-<%=listaI.get(k).getsCampo2()%></option>
                          <%
                       }    
                   } 
                  %>    
               </select>
               </td>
               
               <td><input type="text" style=" text-align: right" size="5" id="txtagrup2" value=<%=Agrup1%> ></td>
 
               </tr>
            <%
            }
            %>
        </table>
 

en JAVASCRIPT estoy tratando de capturar lo que selecciono el usuario asi :

Código Javascript:

var tableReg = document.getElementById("dataRangos");
          for (var i = 1; i < tableReg.rows.length; i++){
                 var lista = tableReg.rows[i].getElementById("slcOper");
                 var indiceSeleccionado = lista.selectedIndex;
                 var opcionSeleccionada = lista.options[indiceSeleccionado];
                 var idOper = opcionSeleccionada.value;
 

Pero no me reconoce la lista "slcOper"...claro hay una lista por registro de la tabla, alguna idea?

[sustentio]

no deberias repetir los ID de cada select, concatenales un incrementador:

<select id='slcFuente<%=i%>'>

[Japrendo]

sustentio, pero como las capturo al otro lado, es decir ...

en jsp

Código Java:

<select id='slcOper'<%=i%> name='slcOper' onchange="fncAgregar();">
                   <option value=0></option>
                  <%
                  String opx="";
                  String opy="";
                  for (int j=0;j<Operadores.size();j++){
                      opx=Operadores.get(j).getsCampo1();
                      opy=listaRangos.get(i).getsCampo3();
                      if (opx.equals(opy)){
                         %>
                         <option selected="selected" value=<%=Operadores.get(j).getsCampo1()%>><%=Operadores.get(j).getsCampo1()%></option>
                         <%
                      }else{    
                         %>
                         <option value=<%=Operadores.get(j).getsCampo1()%>><%=Operadores.get(j).getsCampo1()%></option>
                         <%
                      }    
                  }
 

y en javascript trato de hacerlo asi :

Código Javascript:

var tableReg = document.getElementById("dataRangos");
          for (var i = 1; i < tableReg.rows.length; i++){
                 //la siguiente linea no funciona
                 var lista = tableReg.rows.getElementByid("slcOper"+i);
                 var indiceSeleccionado = lista.selectedIndex;
                 var opcionSeleccionada = lista.options[indiceSeleccionado];
                 var idOper = opcionSeleccionada.value;
 

Pero se traba en la linea var lista = tableReg.rows.getElementByid("slcOper"+i);
que tengo mal?

[sustentio]

estas concatenando el incrementador fuera del atributo, encierralo dentro de las comillas:

Código Java:

<select id='slcOper<%=i%>' name='slcOper' onchange="fncAgregar();">
                   <option value=0></option>
                  <%
                  String opx="";
                  String opy="";
                  for (int j=0;j<Operadores.size();j++){
                      opx=Operadores.get(j).getsCampo1();
                      opy=listaRangos.get(i).getsCampo3();
                      if (opx.equals(opy)){
                         %>
                         <option selected="selected" value=<%=Operadores.get(j).getsCampo1()%>><%=Operadores.get(j).getsCampo1()%></option>
                         <%
                      }else{    
                         %>
                         <option value=<%=Operadores.get(j).getsCampo1()%>><%=Operadores.get(j).getsCampo1()%></option>
                         <%
                      }    
                  }