• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Dynamische <select> Optionen

Mark

Neues Mitglied
Ich habe 2 <select> Felder und ich möchte im onchange Event des Einen die Optionen des Anderen ändern.
Das array $entries enthält Datensätze im Format

id | name | code

Code:
<select name="filter" onchange="??">
  <option value="0">Alle Einträge</option>
  <option value="1">Erste Wahl</option>
  <option value="2">Zweite Wahl</option>
  <option value="3">Dritte Wahl</option>
</select>

<select name="auswahl">

<?php

for($i = 0; $i < count($entries); $i++)
{
     print '<option value="'.$entries[$i]->id.'">'.$entries[$i]->name.'</option>';
}

?>

</select>

Der onchange vom filter soll jetzt ein Funktionsaufruf enthalten, der in der Auswahl nur die Einträge anzeigt, wo code == filter
Geht das? Wenn, dann vermutlich mit JavaScript, aber wie?
Vermutlich muss ich die Datensätze irgendwie in JavaScript zwischenspeichern und dann mit document.form.auswahl.value oder so die Einträge manipulieren?

Sorry wenn das eine blöde Frage ist, aber mit JavaScript kenne ich mich so gut wie gar nicht aus.
 
Such mal nach „two level select ajax“ oder „chain select“ oder „chained select“, das dürfte dir erste Ansätze liefern.

Gruß und frohe Ostern
 
Autsch, Ajax? Davon weiss ich noch weniger als von JavaScript, um nicht zu sagen gar nichts.
Immerhin habe ich diese Seite gefunden BonRouge : Chain select with javascript
Der hat zwar (laut den Kommentaren drunter) einige Bugs im Code, und ob ich mit meinen bescheidenen JavaScript Kenntnissen die finde muss ich noch sehen, aber es ist ein Anfang.

Vielen Dank für den Tipp.
 
Zurück
Oben