Dotaz: js onclick

[filbar]

Mám trošku problém s následujícím kódem v js:

var ul=document.createElement('ul');
			var datas=xml.getElementsByTagName('data');
			for(var i=0;i<datas.length;i++) {
				var value=datas[i].firstChild.nodeValue;
				var li=document.createElement('li');
				li.appendChild(document.createTextNode(value));
				li.onclick=function() {
					dest.value=value;
				}
				ul.appendChild(li);
			}
			msg.appendChild(ul);

Konrétně s tučně zobrazeným řádkem. Po kliknutí na jakoukoli vygenerovanou položku li je v dest.value pouze poslední hodnota value.

Na příkladu

• Praha 9
• Praha 18
• Praha 8
• Praha 15

Mám v onclick všude Praha 15. Kde dělám chybu. Předem děkuji za vaše rady.

Odpovědi

[filbar]

Sry omlouvám se za položení otázky do špatné diskuse, čímž prosím adminy, aby jí přesunuli do správné.

[Andrej Herceg]

V čase, keď sa ten callback zavolá tá premenná obsahuje poslednú hodnotu. Riešenie by mohlo byť použiť tam priamo element toho pola datas (ale to by asi bolo náročné na pamäť, kedže by sa to pole nemohlo uvoľniť), prípadne by sa mohlo použiť niečo takéto:

function _click(value)
{
	return function(){dest.value=value;};
}

var ul=document.createElement('ul');
var datas=xml.getElementsByTagName('data');
for(var i=0;i<datas.length;i++) {
	var value=datas[i].firstChild.nodeValue;
	var li=document.createElement('li');
	li.appendChild(document.createTextNode(value));
	li.onclick=_click(value);
	ul.appendChild(li);
}
msg.appendChild(ul);