✔ Probleme mit Submit

[evoleena]

Hallo Leute

Ich habe das Problem, das ich einen Knopf habe, der das Formular submited und dadurch eine Funktion durchführt, wodurch einige Elemente des Formulas gefüllt werden.

Nun habe ich aber noch 2 voneinander abhängig Auswahllisten.
Diehabe ich sonst auch immer durch ein submit gemacht.
Aber hier habe ich dann das Problem, das die gefüllten Felder dann wieder leer sind.

Gibt es eine Möglichkeit, mit dem man die eine Auswahlliste reloaded, um dann nur die passenden einträge zur ersten Auswahl drin hat

Ich hoffe ihr könnt mein Problem so einigermaßen nachvollziehen.

Gruss
Evo

Edit:
die Felder werden dynamisch mit php gefüllt.

 

[evoleena]

Gibt es denn die Möglichkeit, die dynamisch erstellen Auswahllisten von PHP an JavaScript zu übergeben, und wenn die erste Auswahl geändert wird, einfach eine JavaScript Funktion aufzurufen, die den Inhalt des zweiten anpasst.

Wenn ja wie würde das mit JavaScript gehen.
Bin leider noch nicht so fit mit JavaScript.

Gruss
Evo

 

[Chumper]

die funkrion kannst du ja selber schreiben.
Mit Php musst du nun noch im <script>-Tag den Code schreiben, bsp:

test = "lalal";

in Php sieht das dann so aus:

echo "test = ".$lalal;

 

[evoleena]

Mein Problem ist aber, das ich nicht weiß wie das dem JavaScript übergeben werden muss, bzw. die JavaSCript Funktion aussehen muss

 

[Chumper]

du schreibst die optionen in ein Javascriptarray, das die zweite Listoyx repräsentiert.

listbox = new array();
listbox[0] = new array();
listbox[0][0] = "Audi0";
listbox[0][1] = "Audi1";
listbox[0][2] = "Audi2";
listbox[0][3] = "Audi3";

Nach diesem Schema eben.

du packst in die erste Liste ein onchange-event, die die Funktion fuelle_listbox2() aufruft, also:

<select onchange="fuelle_listbox2(this.selectedIndex)"><option>...</option></select>

die Funktion füllt dann Listbox 2, die die id "list2" hat:

function fuelle_listbox2(index)
{
 //Alle vorheriogen Auswahlmöglichkeiten löschen
 document.getElementById('list2').length = 0;
 
 for (i = 0; i < listbox[index].length; i++)
 {
  document.getElementById('list2').options[i] = new option(listbox[index][i],listbox[index][i],false,false);
 }
 
}