Xajax und Drop-Downliste (geht nur im Fuchs)

[mat81]

Hallo allerseits,

seit einigen Tagen beiß ich mir nun schon an mehreren Problemen die Zähne aus.

Eines der schwerwiegensten: Mein Dropdownfeld, welches von Ajax generiert wird, funktioniert nur im Firefox.

Ausgangssituation ist ein Selectfeld, welches beim Ändern eine Javascriptfunktion aufruft, die wiederum eine PHP-Funktion startet, welche die Auswahl verarbeiten. Ein anderes Selectfeld soll daraufhin mit Werten gefüllt werden. Auch dieses Selectfeld besitzt einen Javascriptaufruf, welche beim Ändern der Auswahl gestartet wird.

Jedes der Selectfelder besitzt im Select-Tag die Werte id und name, welche denselben Wert enthalten. Hab irgendwo gelesen, dass Firefox ansonsten Probleme hat, im DOM das richtige Element zu finden.

<select id="select2" name="select2" onChange="submitDropdowns(this.id);">
</select>

Das ist der Codeausschnitt aus dem 2. Selectfeld. Das 1. hat, wie gesagt schon Werte. Das 2. soll gefüllt werden.

Per PHP-Funktion werden die Option-Felder an Ajax in die Variable $sForm zurück übergeben, welche dann mittels

PHP-Code:

$objResponse->addAssign("select2","innerHTML",$sForm) 


An in das Select-Tag integriert werden.

Doch werden die Werte nur im Firefox angezeigt. In Opera werden keine Werte angzeigt, aber die Dropdownbox funktioniert (Values sind enthalten, nur keine Werte innerhalb der Option-Tags). Im IE funktionierts überhaupt nicht.

Hier nochmal ein Beispiel, was von der PHP-Funktion zurück an $sForm übergeben wird.

PHP-Code:

<option value="1">Erster Wert</option>
<option value="2">Zweiter Wert</option> 


Ich weiß einfach nicht weiter... stimmt denn was mit der Rückgabe nicht? Alternativ habe ich auch schon versucht, den kompletten Select-Teil in diese PHP-Funktion auszulagern, doch Fehlanzeige.

[Werther]

Auch wenn's fast schon leichenschändung ist, dieses recht alte Thema hervorzugraben, schreibe ich dennoch mal etwas dazu weil's eben gerade so gut passt.

Der Ansatz über "$objResponse->addAssign("select2","innerHTML",$sForm)" ist in diesem Fall nicht ideal. Hilfe fand ich auf der Offiziellen Seite des Projekts:
http://wiki.xajaxproject.org/De:Tuto...ehle_erstellen

Da wird genau dieses Problem aufgegriffen und gelöst. Danach funktioniert es auch in anderen Browsern.

Damit komme ich dann auch schon zu meinem Problem:
Wenn ich nun das Select-Feld nach einem Button-Click mit Daten aus einer Datenbank fülle ist das ja gut und schön und funktioniert. Wenn ich den Button nun jedoch erneut drücke bleiben die alten Einträge bestehen und es werden weitere angehängt.
Wie bekomm ich die raus?
Verschiedene Ansätze habe ich schon ausprobiert, aber da hat bisher nix geklappt, mindestens ein Eintrag blieb immer drinnen bzw. es es waren mal mehr mal weniger. Hat irgendwer einen Tipp dieses Problem zu lösen?

thx

Werther

[caflismaurus]

Hab das so gelöst, das ich vor den Optionen noch ein leeres innerHTML in das Select gemacht habe. Funktioniert mit IE6 unf Firefox prima.

PHP-Code:

$objResponse = new tx_xajax_response();

$objResponse->addAssign('<ID deines SELECT-Elements>', 'innerHTML', '');

// Schleife für die Optionen        
for($i=0; $i<10; $i++) {
    $sScript = 'var option = new Option(\'Wert '.$i.'\', \'$i\');';
    $sScript .= 'document.getElementById(\'<ID deines SELECT-Elements>\').options.add(option);';
    $objResponse->addScript($sScript);
}

//return the XML response
return $objResponse->getXML();