2 Dropdownmenü sollten sich ändern, aber funktioniert nicht

XXdynastieXX

Mitglied
Hallo,

folgender Ausschnitt meines Codes :

Ich habe 2 Dropdownmenü's. Bei dem einen wähle ich Bundesland aus,
und das zweite Dropdownmenü soll die entsprechenden Landkreise anzeigen.

Jedoch funktioniert es nicht ganz. Er ändert das Dropdownmenü nicht ab.

Was mache ich falsch?

P.S.: JS Anfänger :)

Code:
<script language="javascript">
function select(){
selected = document.form.bundesland.value;
switch(selected){

case "Baden-Württemberg":
childx = "<select size='1' name='landkreis'><option>Landkreis w&auml;hlen</option><option>Alb-Donau-Kreis</option><option>Baden-Baden</option><option>Biberach</option><option>Böblingen</option><option>Bodenseekreis</option><option>Breisgau-Hochschwarzwald</option><option>Calw</option><option>Emmendingen</option><option>Enzkreis</option><option>Esslingen</option><option>Freiburg im Breisgau</option><option>Freudenstadt</option><option>Göppingen</option><option>Heidelberg</option><option>Heidenheim</option><option>Heilbronn</option><option>Hohenlohekreis</option><option>Karlsruhe</option><option>Konstanz</option><option>Lörrach</option><option>Ludwigsburg</option><option>Main-Tauber-Kreis</option><option>Mannheim</option><option>Neckar-Odenwald-Kreis</option><option>Ortenaukreis</option><option>Ostalbkreis</option><option>Pforzheim</option><option>Rastatt</option><option>Ravensburg</option><option>Rems-Murr-Kreis</option><option>Reutlingen</option><option>Rhein-Neckar-Kreis</option><option>Rottweil</option><option>Schwäbisch Hall</option><option>Schwarzwald-Baar-Kreis</option><option>Sigmaringen</option><option>Stuttgart</option><option>Tübingen</option><option>Tuttlingen</option><option>Ulm</option><option>Waldshut</option><option>Zollernalbkreis</option></select>";break;

case "Bayern":
childx = "<select size='1' name='landkreis'><option>Landkreis w&auml;hlen</option><option>Aichach-Friedberg</option><option>Altötting</option><option>Amberg</option><option>Amberg-Sulzbach</option><option>Ansbach</option><option>Aschaffenburg</option><option>Augsburg</option><option>Bad Kissingen</option><option>Bad Tölz-Wolfratshausen</option><option>Bamberg</option><option>Bayreuth</option><option>Berchtesgadener Land</option><option>Cham</option><option>Coburg</option><option>Dachau</option><option>Deggendorf</option><option>Dillingen a.d.Donau</option><option>Dingolfing-Landau</option><option>Donau-Ries</option><option>Ebersberg</option><option>Eichstätt</option><option>Erding</option><option>Erlangen</option><option>Erlangen-Höchstadt</option><option>Forchheim</option><option>Freising</option><option>Freyung-Grafenau</option><option>Fürstenfeldbruck</option><option>Fürth</option><option>Garmisch-Partenkirchen</option><option>Günzburg</option><option>Haßberge</option><option>Hof</option><option>Ingolstadt</option><option>Kaufbeuren</option><option>Kelheim</option><option>Kempten(Allgäu)</option><option>Kitzingen</option><option>Kronach</option><option>Kulmbach</option><option>Landsberg am Lech</option><option>Landshut</option><option>Lichtenfels</option><option>Lindau(Bodensee)</option><option>Main-Spessart</option><option>Memmingen</option><option>Miesbach</option><option>Miltenberg</option><option>Mühldorf a.Inn</option><option>München</option><option>Neuburg-Schrobenhausen</option><option>Neumarkt i.d.OPf.</option><option>Neustadt a.d.Aisch-Bad Windsheim</option><option>Neustadt a.d.Waldnaab</option><option>Neu-Ulm</option><option>Nürnberg</option><option>Nürnberger Land</option><option>Oberallgäu</option><option>Ostallgäu</option><option>Passau</option><option>Pfaffenhofen a.d.Ilm</option><option>Regen</option><option>Regensburg</option><option>Rhön-Grabfeld</option><option>Rosenheim</option><option>Roth</option><option>Rottal-Inn</option><option>Schwandorf</option><option>Schwabach</option><option>Schweinfurt</option><option>Starnberg</option><option>Straubing</option><option>Straubing-Bogen</option><option>Tirschenreuth</option><option>Traunstein</option><option>Unterallgäu</option><option>Weiden i.d.OPf.</option><option>Weilheim-Schongau</option><option>Weißenburg-Gunzenhausen</option><option>Wunsiedel i.Fichtelgebirge</option><option>Würzburg</option></select>";break;

case "Berlin":
childx = "<select size='1' name='landkreis'><option>Berlin</option></select>";break;

case "Brandenburg":
childx = "<select size='1' name='landkreis'><option>Landkreis w&auml;hlen</option><option>Barnim</option><option>Brandenburg an der Havel</option><option>Cottbus</option> <option>Dahme-Spreewald</option><option>Elbe-Elster</option><option>Frankfurt(Oder)</option><option>Havelland</option><option>Märkisch-Oderland</option><option>Oberhavel</option><option>Oberspreewald-Lausitz</option><option>Oder-Spree</option><option>Ostprignitz-Ruppin</option><option>Potsdam</option><option>Potsdam-Mittelmark</option><option>Prignitz</option><option>Spree-Neiße</option><option>Teltow-Fläming</option><option>Uckermark</option></select>";break;

case "Bremen":
childx = "<select size='1' name='landkreis'><option>Bremen</option></select>";break;

case "Hamburg":
childx = "<select size='1' name='landkreis'><option>Hamburg</option></select>";break;

case "Hessen":
childx = "<select size='1' name='landkreis'><option>Landkreis w&auml;hlen</option><option>Bergstraße</option><option>Darmstadt</option><option>Darmstadt-Dieburg</option><option>Frankfurt am Main</option><option>Fulda</option><option>Gießen</option><option>Groß-Gerau</option><option>Hersfeld-Rotenburg</option><option>Hochtaunuskreis</option><option>Kassel</option><option>Lahn-Dill-Kreis</option><option>Limburg-Weilburg</option><option>Main-Kinzig-Kreis</option><option>Main-Taunus-Kreis</option><option>Marburg-Biedenkopf</option><option>Odenwaldkreis</option><option>Offenbach</option><option>Offenbach am Main</option><option>Rheingau-Taunus-Kreis</option><option>Schwalm-Eder-Kreis</option><option>Vogelsbergkreis</option><option>Waldeck-Frankenberg</option><option>Werra-Meißner-Kreis</option><option>Wetteraukreis</option><option>Wiesbaden</option></select>";break;

case "Mecklenburg-Vorpommern":
childx = "<select size='1' name='landkreis'><option>Landkreis w&auml;hlen</option><option>Bad Doberan</option><option>Demmin</option><option>Greifswald</option><option>Güstrow</option><option>Ludwigslust</option><option>Mecklenburg-Strelitz</option><option>Müritz</option><option>Neubrandenburg</option><option>Nordvorpommern</option><option>Nordwestmecklenburg</option><option>Ostvorpommern</option><option>Parchim</option><option>Rostock</option><option>Rügen</option><option>Schwerin</option><option>Stralsund</option><option>Uecker-Randow</option><option>Wismar</option></select>";break;

case "Niedersachsen":
childx = "<select size='1' name='landkreis'><option>Landkreis w&auml;hlen</option><option>Ammerland</option><option>Aurich</option><option>Braunschweig</option><option>Celle</option><option>Cloppenburg</option><option>Cuxhaven</option><option>Delmenhorst</option><option>Diepholz</option><option>Emden</option><option>Emsland</option><option>Friesland</option><option>Gifhorn</option><option>Goslar</option><option>Göttingen</option><option>Grafschaft Bentheim</option><option>Hameln-Pyrmont</option><option>Hannover</option><option>Harburg</option><option>Helmstedt</option><option>Hildesheim</option><option>Holzminden</option><option>Leer</option><option>Lüchow-Dannenberg</option><option>Lüneburg</option><option>Nienburg/Weser</option><option>Northeim</option><option>Oldenburg</option><option>Oldenburg (Oldb)</option><option>Osnabrück</option><option>Osterholz</option><option>Osterode am Harz</option><option>Peine</option><option>Rotenburg</option><option>Salzgitter</option><option>Schaumburg</option><option>Soltau-Fallingbostel</option><option>Stade</option><option>Uelzen</option><option>Vechta</option><option>Verden</option><option>Wilhelmshaven</option><option>Wittmund</option><option>Wolfenbüttel</option><option>Wolfsburg</option></select>";break;

case "Nordrhein-Westfalen":
childx = "<select size='1' name='landkreis'><option>Landkreis w&auml;hlen</option><option>Aachen</option><option>Bielefeld</option><option>Bochum</option><option>Bonn</option><option>Borken</option><option>Bottrop</option><option>Coesfeld</option><option>Dortmund</option><option>Duisburg</option><option>Düren</option><option>Düsseldorf</option><option>Ennepe-Ruhr-Kreis</option><option>Essen</option><option>Euskirchen</option><option>Gelsenkirchen</option><option>Gütersloh</option><option>Hagen</option><option>Hamm</option><option>Heinsberg</option><option>Herford</option><option>Herne</option><option>Hochsauerlandkreis</option><option>Höxter</option><option>Kleve</option><option>Köln</option><option>Krefeld</option><option>Leverkusen</option><option>Lippe</option><option>Märkischer Kreis</option><option>Mettmann</option><option>Minden-Lübbecke</option><option>Mönchengladbach</option><option>Mülheim an der Ruhr</option><option>Münster</option><option>Oberbergischer Kreis</option><option>Oberhausen</option><option>Olpe</option><option>Paderborn</option><option>Recklinghausen</option><option>Remscheid</option><option>Rhein-Erft-Kreis</option><option>Rheinisch-Bergischer Kreis</option><option>Rhein-Kreis Neuss</option><option>Rhein-Sieg-Kreis</option><option>Siegen-Wittgenstein</option><option>Soest</option><option>Solingen</option><option>Steinfurt</option><option>Unna</option><option>Viersen</option><option>Warendorf</option><option>Wesel</option><option>Wuppertal</option></select>";break;

case "Rheinland-Pfalz":
childx = "<select size='1' name='landkreis'><option>Landkreis w&auml;hlen</option><option>Ahrweiler</option><option>Altenkirchen (Westerwald)</option><option>Alzey-Worms</option><option>Bad Dürkheim</option><option>Bad Kreuznach</option><option>Bernkastel-Wittlich</option><option>Birkenfeld</option><option>Cochem-Zell</option><option>Donnersbergkreis</option><option>Eifelkreis Bitburg-Prüm</option><option>Frankenthal (Pfalz)</option><option>Germersheim</option><option>Kaiserslautern</option><option>Koblenz</option><option>Kusel</option><option>Landau in der Pfalz</option><option>Ludwigshafen</option><option>Mainz</option><option>Mainz-Bingen</option><option>Mayen-Koblenz</option><option>Neustadt an der Weinstraße</option><option>Neuwied</option><option>Pirmasens</option><option>Rhein-Hunsrück-Kreis</option><option>Rhein-Lahn-Kreis</option><option>Rhein-Pfalz-Kreis</option><option>Speyer</option><option>Südliche Weinstraße</option><option>Südwestpfalz</option><option>Trier</option><option>Trier-Saarburg</option><option>Vulkaneifel</option><option>Westerwaldkreis</option><option>Worms</option><option>Zweibrücken</option></select>";break;

case "Saarland":
childx = "<select size='1' name='landkreis'><option>Landkreis w&auml;hlen</option><option>Merzig-Wadern</option><option>Neunkirchen</option><option>Saarbrücken</option><option>Saarlouis</option><option>Saarpfalz-Kreis</option><option>St. Wendel</option></select>";break;

case "Sachsen":
childx = "<select size='1' name='landkreis'><option>Landkreis w&auml;hlen</option><option>Annaberg</option><option>Aue-Schwarzenberg</option><option>Bautzen</option><option>Chemnitz</option><option>Chemnitzer Land</option><option>Delitzsch</option><option>Döbeln</option><option>Dresden</option><option>Freiberg</option><option>Görlitz</option><option>Hoyerswerda</option><option>Kamenz</option><option>Leipzig</option><option>Leipziger Land</option><option>Löbau-Zittau</option><option>Meißen</option><option>Mittlerer Erzgebirgskreis</option><option>Mittweida</option><option>Muldentalkreis</option><option>Niederschlesischer Oberlausitzkreis</option><option>Plauen</option><option>Riesa-Großenhain</option><option>Sächsische Schweiz</option><option>Stollberg</option><option>Torgau-Oschatz</option><option>Vogtlandkreis</option><option>Weißeritzkreis</option><option>Zwickau</option><option>Zwickauer Land</option></select>";break;

case "Sachsen-Anhalt":
childx = "<select size='1' name='landkreis'><option>Landkreis w&auml;hlen</option><option>Altmarkkreis Salzwedel</option><option>Anhalt-Bitterfeld</option><option>Bördekreis</option><option>Burgenlandkreis</option><option>Dessau-Roßlau</option><option>Halle (Saale)</option><option>Harz</option><option>Jerichower Land</option><option>Magdeburg</option><option>Mansfeld-Südharz</option><option>Saalekreis</option><option>Salzlandkreis</option><option>Stendal</option><option>Wittenberg</option></select>";break;

case "Schleswig-Holstein":
childx = "<select size='1' name='landkreis'><option>Landkreis w&auml;hlen</option><option>Dithmarschen</option>option>Flensburg</option><option>Herzogtum Lauenburg</option><option>Kiel</option><option>Lübeck</option><option>Neumünster</option><option>Nordfriesland</option><option>Ostholstein</option><option>Pinneberg</option><option>Plön</option><option>Rendsburg-Eckernförde</option><option>Schleswig-Flensburg</option><option>Segeberg</option><option>Steinburg</option><option>Stormarn</option></select>";break;

case "Thüringen":
childx = "<select size='1' name='landkreis'><option>Landkreis w&auml;hlen</option><option>Altenburger Land</option><option>Eichsfeld</option><option>Eisenach</option><option>Erfurt</option><option>Gera</option><option>Gotha</option><option>Greiz</option><option>Hildburghausen</option><option>Ilm-Kreis</option><option>Jena</option><option>Kyffhäuserkreis</option><option>Nordhausen</option><option>Saale-Holzland-Kreis</option><option>Saale-Orla-Kreis</option><option>Saalfeld-Rudolstadt</option><option>Schmalkalden-Meiningen</option><option>Sömmerda</option><option>Sonneberg</option><option>Suhl</option><option>Unstrut-Hainich-Kreis</option><option>Wartburgkreis</option><option>Weimar</option><option>Weimarer Land</option></select>";break;

break;
}

document.getElementById("dropdown_landkreis").innerHTML = childx;
}

</script>
<!-- JAVASCRIPT -->
  <tr>
    <td width="125">*Bundesland</td>
    <td>
	<select name="bundesland" onchange="select()">
    <option selected></option>    
	<option value="Baden-Württemberg">Baden-Württemberg</option>
	<option value="Bayern">Bayern</option>
	<option value="Berlin">Berlin</option>
	<option value="Brandenburg">Brandenburg</option>
	<option value="Bremen">Bremen</option>
	<option value="Hamburg">Hamburg</option>
	<option value="Hessen">Hessen</option>
	<option value="Mecklenburg-Vorpommern">Mecklenburg-Vorpommern</option>
	<option value="Niedersachsen">Niedersachsen</option>
	<option value="Nordrhein-Westfalen">Nordrhein-Westfalen</option>
	<option value="Rheinland-Pfalz">Rheinland-Pfalz</option>
	<option value="Saarland">Saarland</option>
	<option value="Sachsen">Sachsen</option>
	<option value="Sachsen-Anhalt">Sachsen-Anhalt</option>
	<option value="Schleswig-Holstein">Schleswig-Holstein</option>
	<option value="Thüringen">Thüringen</option>
	</select>
    </td>
  </tr>
  <tr>
    <td>*Landkreis</td>
    <td>
	<div id="dropdown_landkreis">
	<select size="1" name="landkreis">
	<option selected></option>
	</select>
	</div>
    </td>
  </tr>
 
Hallo,
in der 3. Zeile steckt der Fehler, da der Pfad zum Element falsch ist.
Ersetze

Code:
selected = document.form.bundesland.value;

durch das hier

Code:
selected = document.getElementById("bundesland").value;

und dann dürfte es gehen.

Btw... da fehlen noch die <table>-Tags bei der Tabelle und die Drop-Down-Liste würde ich in <form>-Tags packen.
 
Hallo,
in der 3. Zeile steckt der Fehler, da der Pfad zum Element falsch ist.
Ersetze

Code:
selected = document.form.bundesland.value;

durch das hier

Code:
selected = document.getElementById("bundesland").value;

und dann dürfte es gehen.

Btw... da fehlen noch die <table>-Tags bei der Tabelle und die Drop-Down-Liste würde ich in <form>-Tags packen.


Hey,
warum sollt das falsch sein? Er soll aus "bundesland" den wert herausnehmen und in der Switch-Case-Anweisung nachgucken welches Bundesland gemeint ist und dann soll er weiter unten zwischen die <DIV>'s den LANDKREIS einfügen als dropdownmenü, jedoch macht er "DAS" nicht.

Liebe Grüße

P.S.: Da es nur ein "ausschnitt" war, ist es klar, das TABLE und FORM alles vorhanden ist.

----- NACHTRAG

hab deinen eintrag falsch gelesen. ich war vom mittagsschläfchen noch in der traumwelt glaub ich ^^ hehe

hab deine variante ausprobiert jedoch ändert er mir die landkreise immer noch nicht

liebe grüße

----- NACHTRAG die Zweite

hab beim bundesland <select> nochmal id="bundesland" eingefügt und es funktioniert jetzt

denke ich jetzt zumindest. hehe....danke
 
Zuletzt bearbeitet:
Zurück