Divitiacus
Account gelöscht Threadersteller
Ort: -
|
Verfasst Mo 30.04.2007 14:31
Titel Javascript Problemchen Dropdown-Auswahl verändern |
|
|
Hallo Leute,
ich muss ein Dropdown-Menü basteln, dass die Auswahlmöglichkeiten je nach Auswahl ändert. Soweit hab ich es schon:
Code: |
<script language="Javascript">
<!-- Start
function update_auswahl()
{
var kategorieAuswahl = document.forms.verzeichnis.kategorie;
var unterkategorieAuswahl = document.forms.verzeichnis.unterkategorie;
var gehrung = document.forms.verzeichnis.gehrung; // Axel
var aufbuegeAuswahl = document.forms.verzeichnis.aufbuege; // Axel
var zubehoer = document.forms.verzeichnis.zubehoer; // Axel
unterkategorieAuswahl.options.length = 0; // DropDown Menü entleeren
aufbuegeAuswahl.options.length = 0; // DropDown Menü entleeren
zubehoer.options.length = 0; // DropDown Menü entleeren Axel
gehrung.options.length = 0; // DropDown Menü entleeren Axel
if (kategorieAuswahl.options[kategorieAuswahl.selectedIndex].value == "Aussenfensterbank")
{
unterkategorieAuswahl.options[0] = new Option("weiss");
unterkategorieAuswahl.options[1] = new Option("EV1 (silber farben)");
unterkategorieAuswahl.options[2] = new Option("mittelbronze");
unterkategorieAuswahl.options[3] = new Option("dunkelbronze");
unterkategorieAuswahl.options[4] = new Option("blank");
// Ab hier wird das untere gefuellt
aufbuegeAuswahl.options[0] = new Option("Kunststoff");
aufbuegeAuswahl.options[1] = new Option("Aluaufbüge für Sichtmauerwerk");
aufbuegeAuswahl.options[2] = new Option("Aluaufbüge zum Einputzen");
zubehoer.options[0] = new Option("Stossprofil");
zubehoer.options[1] = new Option("Gehrungsverbinder");
}
else if (kategorieAuswahl.options[kategorieAuswahl.selectedIndex].value == "Innenfensterbank")
{
unterkategorieAuswahl.options[0] = new Option("weiss");
unterkategorieAuswahl.options[1] = new Option("carrera-marmor");
zubehoer.options[0] = new Option("Stossprofil");
}
else if (kategorieAuswahl.options[kategorieAuswahl.selectedIndex].value == "xxx") // Axel
{
unterkategorieAuswahl.options[0] = new Option("Material");
}
}
// Ende -->
</script>
|
Das steht im HEAD
im Body hab ich dann ein paar Auswahl Dropdowns
Code: |
<P><B>Bestellung:</B></P>
<P align=left>Artikel <IMG height=1
src="fensterbankbestellung-Dateien/spacer.gif" width=50>
<select size="1" name="kategorie" onChange="update_auswahl()" style="width: 200px;">
<option value="xxx" selected>Fensterbank wählen</option>
<option value="Innenfensterbank">Innenfensterbank</option>
<option value="Aussenfensterbank">Aussenfensterbank</option>
</select>
<BR>
Länge <IMG height=1
src="fensterbankbestellung-Dateien/spacer.gif" width=48>
<INPUT
name=textfield2 style="width: 200px;">
<BR>
Stück <IMG height=1 src="fensterbankbestellung-Dateien/spacer.gif"
width=53>
<INPUT name=textfield3 style="width: 200px;">
<BR>
Farbe<IMG height=1
src="fensterbankbestellung-Dateien/spacer.gif" width=54>
<select size="1" name="unterkategorie" style="width: 200px;">
</select>
<br>
Aufbüge<IMG height=8
src="fensterbankbestellung-Dateien/spacer.gif" width=41>
<select name="aufbuege" size="1" style="width: 200px;">
<option selected Aufbüge</option>
</select>
<br>
Zubehör <IMG height=1
src="fensterbankbestellung-Dateien/spacer.gif" width=37>
<SELECT
name=zubehoer style="width: 200px;">
</SELECT>
<br>
Zubehör <IMG height=1
src="fensterbankbestellung-Dateien/spacer.gif" width=37>
<SELECT
name=gehrung style="width: 100px;">
</SELECT>
<SELECT
name=winkel style="width: 97px;">
</SELECT>
</P>
<P align=left> <br>
<br>
</p>
|
Funktioniert ja fast:
Jetzt will ich nur noch, dass, wenn man bei Zubehör "Gehrungsverbinder" auswählt,
die Felder "Gehrung" und "Winkel" ausgefüllt werden ...
ich hab da an das hier gedacht:
Code: |
if (zubehoer.options[kategorieAuswahl.selectedIndex].value == "Gehrungsverbinder")
{
gehrung.options[0] = new Option("innen");
gehrung.options[1] = new Option("aussen");
winkel.options[0] = new Option("90 Grad");
winkel.options[1] = new Option("135 Grad");
}
else if (zubehoer.options[kategorieAuswahl.selectedIndex].value == "Stossprofil")
{
winkel.options[0] = new Option("---");
}
|
Aber es funktioniert nicht?
Was ist an dem Code falsch und
wo muss der hin ?????
UUUUUPPPSSS, SORRY! falsch geposted *peinlich*
EDIT: Verschoben in Nonprint
Zuletzt bearbeitet von ines am Mo 30.04.2007 14:47, insgesamt 2-mal bearbeitet
|
|