2 abhängige Dropdown-Listen

[timsnGER]

Hallo miteinander!

Ich habe eine Frage bezüglich der Dropdown-Listen. Und zwar habe ich 2 Dropdown-Listen welche ich auf meiner Seite ausgebe. Nun möchte ich, dass ich, je nachdem was ich im ersten Dropdown-Feld auswähle, nur noch die gewünschten Felder in der zweiten Liste auswählen kann. Folgenden Code hat mein HTML-Code bisher:

<div style=&quot;background-color:#ECEEF0; padding:10px;&quot;>
<h2 style=&quot;color: #848b8e; font-weight:normal; font-size: 1.5em;&quot;>2 abhängige Dropdowns</h2>
<p class=&quot;bodytext&quot;>Bla bla hier kommt noch Text rein.</p>
<form id=&quot;finder&quot; action=&quot;/index.php?id=580&quot; method=&quot;post&quot;>
<div style=&quot;float:left; width:45%; margin:0 5px 0 0;&quot;>
    <select name=&quot;b&quot; id=&quot;b&quot; style=&quot;width:100%; font-size:1.3em; border:1px solid #848b8e; padding:1px; &quot;>    
        <option value=&quot;0&quot; selected=&quot;selected&quot;>Kategorie</option>
        <option value=&quot;1&quot;>Kategorie1</option>         
        <option value=&quot;2&quot;>Kategorie2</option>
        <option value=&quot;3&quot;>Kategorie3</option>
    </select>
</div>
<div style=&quot;float:left; width:45%; margin:0 5px 0 0;&quot;>
    <select name=&quot;a&quot; id=&quot;a&quot; style=&quot;width:100%; font-size:1.3em;  border:1px solid #848b8e; padding:1px;&quot;>    
        <option value=&quot;0&quot; selected=&quot;selected&quot;>Auswahl</option>         
        <option value=&quot;4&quot;>Auswahl1</option>
        <option value=&quot;7&quot;>Auswahl2</option>
        <option value=&quot;8&quot;>Auswahl3</option>
        <option value=&quot;9&quot;>Auswahl4</option>
        <option value=&quot;10&quot;>Auswahl5</option>
        <option value=&quot;27&quot;>Auswahl6</option>
        <option value=&quot;28&quot;>Auswahl7</option>
    </select>
</div>
<div>
<input type=&quot;image&quot; src=&quot;/fileadmin/images/sendbutton.png&quot; alt=&quot;Absenden&quot; style=&quot;width:10%; vertical-align:bottom;&quot; /></div>
</form>
</div>

Was ich also möchte ist, wenn ich z.B. Kategorie 2 auswähle, sollen nur Auswahl 3-5 verfügbar sein, bei Kategorie z.B. nur Auswahl 6+7...usw...

Ich hoffe ihr versteht was ich meine, sitz schon ein Weilchen dran und hoffe ihr könnt mir weiterhelfen...

Gibts da eine Lösung die ich einbinden kann?

MFG
timsn

 

[mermshaus]

Willkommen im Forum.

Hilfreiche Suchbegriffe: „two level select“, „chain select“ oder „chained select“.

 

[timsnGER]

Hi mermshaus, hab mir gerade mal ein paar Links dazu angeschaut, auch nachgegoogelt. Zu erwähnen sei hierbei vielleicht noch, dass ich in Typo3 arbeite und die ID's nacher weiter verwenden muss, ich muss also die ID's aufjedenfall weitergeben. Vielleicht steh ich gerade auch aufm Schlauch, aber dachte da gibts vielleicht ne relativ einfach Lösung (gibts wahrscheinlich auch)... Versuche weiterhin danach zu suchen, vielleicht find ich ja was gescheites...

 

[mermshaus]

Was ist denn an Lösung wie dieser (um eines der ersten Suchergebnisse herauszugreifen) nicht gut?