Zugriff auf ein geclontes div Javascript

Beitrag von **twitch** » 17.04.2007, 08:07

Mit Hilfe folgender Funktion Clone ich ein Div, welches mehrere Input Felder hat.

function clone_this&#40;button, objid&#41;&#123;
					    var clone_me = document.getElementById&#40;objid&#41;.firstChild.cloneNode&#40;true&#41;;
					    button.parentNode.insertBefore&#40;clone_me, button&#41;;
					&#125;

Das funktioniert auch soweit ganz gut und die Daten bekomme ich auch gut in ein Array mit Hilfe der []-Klammersetzung an den Namen des Inputfeldes.

Jetzt möchte ich aber gerne, dass ich für ein Input-Feld Daten mit Hilfe von AJAX nachlade, also eine Autovervollständigung, der eingegebenen Daten.
Dafür benutze ich das:

Code: Alles auswählen

function loadDataChild&#40;ausgabefeld,eingabefeld&#41;&#123;
						var af = ausgabefeld;
						var ef = eingabefeld;
					 if &#40;xmlHttp&#41; &#123;
					 
					     xmlHttp.open&#40;'GET', '../system/getBestellNr.php?value='+document.getElementById&#40;ef&#41;.value+'&ef='+ef, true&#41;;
					     xmlHttp.onreadystatechange = function &#40;&#41; &#123;
					         if &#40;xmlHttp.readyState == 4&#41; &#123;
					             
document.getElementById&#40;af&#41;.innerHTML = xmlHttp.responseText;
af.parentNode.parentNode.parentNode.parentNode.parentNode.style.display = "";
					         &#125;
					     &#125;;
					     xmlHttp.send&#40;null&#41;;
					 &#125;
					&#125;

Das funktioniert nur beim Eltern-Div, nicht aber bei den geclonten.
Wie greife ich nun auf die Childs zu?
Folgendes habe ich schon ohne ERfolg versucht:

Code: Alles auswählen

document.getElementById&#40;af&#41;.innerHTML = xmlHttp.responseText;

ersetzt mit:
(af enthält "this")

Code: Alles auswählen

af.parentNode.parentNode.parentNode.parentNode.parentNode.innerHTML = xmlHttp.responseText;

funktioniert aber nicht.
Das Autovervollständigungsmenü kommt immer beim ersten Input-Feld.
Hat jemand eine Idee?

Abgespeckte Code des Formulares:

Code: Alles auswählen

<input type="text" class="input_text" style="width&#58;200px;" name="bestellnr&#91;&#93;" onkeyup="loadDataChild&#40;this,'bestellnr'&#41;;" id="bestellnr" /> <img alt="" src="'.pfad.'images/ico_searching.gif" style="display&#58;none;" id="simg_bestellnr" />
<div id="auswahl&#91;&#93;" style="display&#58;none;"></div>