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

Listenfeld

DanySahne

Neues Mitglied
Juten Morgen!!

Ich habe ein kleines Problem. Ich muss für meine Praktikumsfirma eine neue Homepage machen und ich habe ein Problem und komme nicht weiter. Es geht um ein Listenfeld mit Untergruppen und ich möchte das die Levels verlinkt werden. Wenn man drauf klickt das sie eine neue seite öffnen.

HTML:
<form>
 <select name="courses" size="1" onchange="top.rechts.location.href=this.form.courses.optgroup.options[this.form.courses.optgroup.selectedIndex].value">
  <option selected value=check.html>Please select ...</option>		
   <optgroup label="Health & Social Care">
    <option value=courses/hsc2.html>Level 2</option>
    <option value=courses/hsc3.html>Level 3</option>	
    <option value=Courses/hsc4.html>Level 4</option>
  </optgroup>
  <optgroup label="Leadership & Management">
    <option value=Courses/LM4.html>Level 4</option>
  </optgroup>
  <optgroup label="Customer Service">
    <option value=Courses/CS2.html>Level 2</option>
    <option value=Courses/CS3.html>Level 3</option>
  </optgroup>
  <optgroup Label="IT Users">
    <option value=Courses/it1.html>Level 1</option>
    <option value=courses/it2.html>Level 2</option>
    <option value=courses/it3.html>Level 3</option>
  </optgroup>
  <optgroup label="Advice and Guidance">
    <option value=courses/ag2.html>Level 2</option>
    <option value=courses/ag3.html>Level 3</option>
    <option value=courses/ag4.html>Level 4</option>
  </optgroup>
  <optgroup label="Business Adminstration">
    <option value=courses/ba1.html>Level 1</option>
    <option value=courses/ba2.html>Level 2</option>
    <option value=courses/ba3.html>Level 3</option>
    <option value=courses/ba4.html>Level 4</option>
  </optgroup>
  <optgroup label="Teamleading">
    <option value=courses/tl2.html>Level 2</option>
  </optgroup>
  <optgroup ="Management">
    <option value=courses/mana3.html>Level 3</option>
    <option value=courses/mana4.html>Level 4</option>
  </optgroup>
  <optgroup label="other corses">
    <option value=courses/A1.html>A1 - Vocational Assessors Award </option>
    <option value=courses/V1.html>V1 - Internal Verifier Award </option>
    <option value=courses/house.html>1 Day & 3 Day 'IN-HOUSE'</option>
  </optgroup>
</select>
</form>

Wer weiß eine Lösung? Ich hatte es schon ohne die Gruppen versucht und dan hat es funktioniert.

Mod-Edit: Code-Tags hinzugefügt - Beim nächsten Mal bitte dran denken (XraYSoLo)
 
Zuletzt bearbeitet von einem Moderator:
lass' da JavaScript am besten weg, denn client-seitige programmierung ist nicht immer vorteilhaft.

PHP:
<?php
if(isset($_POST['courses']))
   {
    header('Location: '.$_POST['courses']);
    exit();
   }
?>

lässt sich noch ausbauen, aber vom prinzip her sollte es reichen.

Nils aka XraYSoLo
 
Naja da ist kein Javascript drin!

Ist nur eine normal option funktion mit untergruppen. Ohne diese aufteilung hat es super funktioniert. warum aber jetzt nicht mehr?
vllt gibt es eine einfach HTML lösung, weil PHP mir nicht so geläufig ist.
 
Zurück
Oben