Mit Javascript ein verbundenes Dropdownmenü

B

BartTheDevil89

Guest
Hallo,

also mit meinen minderen Javascript-Kenntnissen, habe ich mir jetzt ein Menü gebaut.

Problem ist jetzt, dass ich, nachdem ich das Formular abgesendet habe, das Menü mit den beiden Daten aufgeklappt und jeweils beides ausgewählt haben möchte. Nur leider bekomm ich es einfach nicht hin...Hier ist der Code:

CODE
<html>
<?
$kat = $_POST['kategorie'];
$unterkat = $_POST['unterkategorie'];
echo "Habe $kat Kategorie und $unterkat Unterkat<br><br>";
?><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Online-HTML-Editor.de - Der kostenlose online WYSIWYG Editor!</title>
<script language="Javascript">
<!-- Start
function update_auswahl() {
var kategorieAuswahl = document.forms.verzeichni.kategorie;
var unterkategorieAuswahl = document.forms.verzeichni.unterkategorie;

unterkategorieAuswahl.options.length = 0; // DropDown Menü entleeren

if (kategorieAuswahl.options[kategorieAuswahl.selectedIndex].value == "1"){
 unterkategorieAuswahl.options[0] = new Option("Audi", 3);
 unterkategorieAuswahl.options[1] = new Option("VW", 4);
 
 
} else if (kategorieAuswahl.options[kategorieAuswahl.selectedIndex].value == "2"){
 unterkategorieAuswahl.options[0] = new Option("MAN", 5);
 unterkategorieAuswahl.options[1] = new Option("Brummi", 6);
}
}
// Ende -->
</script>
</head>
<body>
<form name="verzeichni" action="test.php" method="post">
<select size="1" name="kategorie" onchange="update_auswahl()">
    <option value="-1" selected>Bitte wählen sie den Bereich aus</option>
 <option value="1">PKW</option>
 <option value="2">LKW</option>
</select>
<select size="1" name="unterkategorie">
 <option selected>Bitte wählen sie zuerst den Bereich aus...</option>
</select>
 <input class="input" type="submit" name="submit" accesskey="S" value="Zeigen">
</form>
</body>
</html>



Habt ihr ne Idee? Denn wie ich die erste Auswahl auf mein richtiges bring weiß ich ja...über php einfach das selected an die passende Stelle setzen. Aber wie schaffe ich es, dass in der zweiten Auswahl dann die richtigen Werte angezeigt werden und dort auch das selected an die richtige Stelle kommt?
 
ich würd das mit
CODE
<?php
if($_POST['kategorie'] == "1") $selected_1 = "selected" else $selected_1 = "";
if($_POST['kategorie'] == "2") $selected_2 = "selected" else $selected_2 = "";
?>


und dann unten einfach die variablen $selected_1 und 2 einbauen:

CODE
<option value="1" <?php echo $selected_1; ?>>PKW</option>


 
QUOTE (Coach @ Sa 15.03.2008, 22:57) ich würd das mit

CODE
<?php
if($_POST['kategorie'] == "1") $selected_1 = "selected" else $selected_1 = "";
if($_POST['kategorie'] == "2") $selected_2 = "selected" else $selected_2 = "";
?>


und dann unten einfach die variablen $selected_1 und 2 einbauen:

CODE
<option value="1" <?php echo $selected_1; ?>>PKW</option>



Ja, das funktioniert für das erste Menü in dem der Bereich ausgewählt wird...aber das zweite ist das Problem. Denn dort muss ja erst per Javascript das Menü aufgerufen werden und dort dann in dem Menü das passende ausgewählt werden. (denn diese Werte werden ja in Javascript erstellt)
 
Zurück
Oben