Referenciar a un elemento de un formulario de forma complicada mediante ".elements"

[un_tio]

Veréis, quiero referenciar a un elemento de un formulario, de la manera típica. Por ejemplo, suponiendo que se trata de input de texto llamado "caja1":

Código:

alert(document.formulario1.caja1.value)

Pero la cosa se complica un poco más. Quiero que la referencia se haga desde una función que recibe un valor para referenciarlo, y esto también sé hacerlo:

Código:

num_campo=1
alert(document.formulario1.elements['caja'+num_campo].value)

¿Hasta aquí todo claro? Porque ahora viene el problema: ¡resulta que tengo varios elementos con ese mismo nombre! Diferenciarlos habitualmente no es problema, porque basta con poner caja(1), caja(2)... Ahora bien, ¿cómo puedo hacer dicha referencia desde dentro del elements?

Por ejemplo, probando un ejemplo que no funcionaría:

Código:

num_campo=1
alert(document.formulario1.elements['caja'+num_campo+'(0)'].value)

He probado de mil formas distintas y no me sale.

Saludos

[SiR.CARAJ0DIDA]

esa forma es anticuada y solo compatible con explorer, ahora se usa document.getElementById('mi_campo');

y el campo sería algo asi

<input type="text" id="mi_campo" name="lalalala">

[un_tio]

Hmmm, ok. ¿Y qué le pongo en id? Porque es obvio que no puedo repetir id's, a diferencia de los nombres... Tendré que inventarme algo.

De todas formas me gusta la idea. Porque permite poner unos nombres que son los que se enviarán al servidor y serán recogidos desde el Request.form, al tiempo que para el lado del cliente permite trabajar con otros nombres (los id) diferentes.

Saludos

PD: ¿Del método que he dicho no conoces la forma para solucionar esa problemática concreta?

[caricatos]

Hola:

¿Cómo están los campos definidos...

name="campo"
o name="campo[]"...

sea como sea... se supone que puedes poner el índice entre corchetes.

num_campo=1
alert(document.formulario1.elements['caja'][num_campo].value)...

Haz una búsqueda en los foros, que es una pregunta que ya se ha planteado.

Saludos

[un_tio]

Ok, gracias caricatos, de todas formas ya lo solucioné con la forma que dijo Carajodida (que no sé si será verdad eso de que esa forma ya está anticuada y sólo va en el explorer... algo de verdad esto último parece que tiene, pero lo cierto es que he intentado probar tanto su forma como la mía en el firefox y no me ha funcionado ninguna de las dos :P).

Me pareció muy buena idea (él no dijo que fuera para eso pero creo que es la idea) el dividir los datos de manejo entre el cliente y el servidor, de forma tal que se usen las id's para manejos del cliente y los names para manejos del servidor. Me resultó facilísima la referencia que quería hacer (aunque de haber sabido "tu forma", también me habría resultado muy fácil, la verdad).

Saludos

[KarlanKas]

el método elements está en javascript desde que javascript es javascript... y es compatible con todos. Lo malo es que no lo has empleado del todo bien.

El método fetén es:

document.forms['name_del_form'].elements['name_del_elemento'].value

Aunque se pueden sustituir los names por el número que hace en el código el elemento en cuestión.

El getElementById entiendo que tan vez debería usarse en otros asuntos o en XHTML puro que por lo visto va a pasar de los names en beneficio de los id.

Saludos a todos!