getElementById i zagrade

[ antix @ 29.06.2006. 11:00 ] @

pozdrav svima,

imam niz različitih elemenata na stranici i elementi se zovu

element[1]

element[2]

...

element[x]

ono što mi treba jeste da u nekoj funkciji dobijem element po imenu, a na osnovu proslijeđenog indeksa npr:

Code:

function getName(index){
var selObj = eval('document.forms[0].element['+index+']');
}

no, međutim ovo ne radi, vjerovatno zbog zagrada [] u imenu elementa!

Da li neko ima ideju kako da ovo odradim?

hvala unaprijed

[ Br@nkoR @ 29.06.2006. 11:50 ] @

Code:
var selObj = document.forms[0].elements['element[' + index+ ']'];

Code:
var selObj = document.getElementsByName('element[' + index+ ']')[0];

[ antix @ 29.06.2006. 13:09 ] @

da, takvu sam ideju imao i ja.

Zapravo problem nije u [] vec u .

:)

Nisam dobro formulisao pitanje. Izvinjavam se!

znaci

hidden polja se, zapravo, zovu

element[1].ime
element[1].prezime

element[2].ime
element[2].prezime
...

element[x].ime
element[x].prezime

(svako ime polja je indeksirano i sadrzi tacku u sebi).

i sada je hocu da funkcijom na osnovu indeksa uzmem vrijednost polja
element[index].ime i element[index].prezime a jedino sto imam jeste index.

ja uradim nesto kao

var name = 'element['+index+'].ime';
var obj = document.getElementById(name);

i dobijem da je obj == null

ne radi mi ni ovaj document.forms[0].elements[name]

hvala

[ jablan @ 29.06.2006. 13:11 ] @

Odluči se da li je u pitanju ID ili Name.

[ Br@nkoR @ 29.06.2006. 14:17 ] @

Da upravo to što je Mladen napisao, jer mi ni u prvom postu nije bilo jasno, u naslovu napisao si jedno a u tekstu poruke drugo. U prethodnom postu sam išao sa pretpostavkom da si koristio name atribut u input tagu.
Evo sada sam testirao sa name i id atributima.
html:

Code:

<form name="forma">
<input type="hidden" name="element[1].ime" id="element[1].ime" value="ime1" /><br />
<input type="hidden" name="element[1].prezime" id="element[1].prezime" value="prezime1" /><br />
<input type="hidden" name="element[2].ime" id="element[2].ime" value="ime2" /><br />
<input type="hidden" name="element[2].prezime" id="element[2].prezime" value="prezime2" /><br />
</form>

Get by Name: <a href="#" onclick="getNameByName(1)">Name 1</a> | <a href="#" onclick="getNameByName(2)">Name 2</a> <br />
Get by ID: <a href="#" onclick="getNameById(1)">Name 1</a> | <a href="#" onclick="getNameById(2)">Name 2</a> <br />

js:

Code:

function getNameByName(index) {
  var objIme = document.forma.elements['element[' + index+ '].ime'];
  var objPrezime = document.forma.elements['element[' + index+ '].prezime'];
  alert('Ime: ' + objIme.value + '\nPrezime: ' + objPrezime.value)
}
function getNameById(index) {
  var objIme = document.getElementById('element[' + index+ '].ime');
  var objPrezime = document.getElementById('element[' + index+ '].prezime');
  alert('Ime: ' + objIme.value + '\nPrezime: ' + objPrezime.value);
}

[ antix @ 29.06.2006. 15:21 ] @

da, u pravu ste momci. Vidim da su mi pitanja konfuzna i izvinjavam se na tome!

Ovo radi super!

Hvala vam mnogo. Bas ste mi pomogli!

pozdrav