Füllung wählt mit geeigneten Daten

Question

Ich habe Probleme, etwas herauszufinden. Ich gehe meiner Ansicht nach eine Reihe von Daten, die das folgende Formular aus Scannen einer Verzeichnisstruktur erhalten wird

array:4 [▼ 
    "data" => array:2 [▼ 
    2015 => array:2 [▼ 
     "english" => array:1 [▼ 
     "chips" => array:1 [▼ 
      0 => "img1.png" 
     ] 
     ] 
     "french" => array:1 [▼ 
     "mussles" => array:1 [▼ 
      0 => "img1.png" 
     ] 
     ] 
    ] 
    2016 => array:2 [▼ 
     "indian" => array:1 [▼ 
     "madras" => array:1 [▼ 
      0 => "img1.png" 
     ] 
     ] 
     "italien" => array:1 [▼ 
     "pasta" => array:1 [▼ 
      0 => "img1.png" 
     ] 
     ] 
    ] 
    ] 
] 

Diese stucture nimmt, aber es sollte ziemlich konsistent sein. Die Gesamtstruktur ist

Year>Country>Dish>Images 

Ich muss diese Daten irgendwie in ausgewählten Optionen anzeigen. Also Jahr ist ziemlich einfach, ich kann das tun

Hier ist mein Problem. So wird die oben wählen Sie Anzeigen 2015 und 2016. Ich haben dann einen zweiten Auswahleingang

<select id="countrySelection" class="selectpicker form-control"> 
    <option value=""></option> 
</select> 

Jetzt je nach welchem ​​Jahr sie wählen wird, um zu bestimmen, was diese Auswahl anzeigen soll. Wenn sie also 2015 auswählen, sollte diese Auswahl Englisch und Französisch anzeigen.

Wie kann ich meine Auswahloptionen basierend auf vorherigen Auswahlen auffüllen?

Dank

Answer 1

Sie müssen AJAX verwenden, um dies in einer glatten aussehende Weise zu erreichen.

Oder Sie können aktualisieren, wenn die ausgewählte Option ändert und das ausgewählte Jahr (und andere Daten) mit GET-Parameter senden. Dann können Sie Ihre Daten nur in Abhängigkeit von Ihren GET-Parametern an die Ansicht weiterleiten.

Dies sollte Sie in die Richtung zeigen, die Sie gehen möchten.