Autor |
Nachricht |
Divitiacus
Account gelöscht Threadersteller
Ort: -
|
Verfasst Do 26.04.2007 11:04
Titel Formular Dropdown je nach Erster Auswahl ändern |
|
|
Hallo,
wie macht man z.B. sowas:
erste Dropdown-Auswahl (KONTINENT (Afrika, Europa usw)
(wird zB Europa ausgewählt) ändert sich die
zweite Dropdown-Auswahl in
LAND (D, GB, F, CH usw.)
Wie kann ich Eingabefelder je nach voriger eingabe "Deaktivieren"??
z.B.: Frage: Wünschen Sie ein AUTO (ja) (nein)
wird nein angeklickt sollen die Frage:
Welche Farbe (ROT) (BLAU) "deaktiviert" werden
|
|
|
|
|
fuchsbau
Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht:
|
Verfasst Do 26.04.2007 11:55
Titel
|
|
|
mit javascript würde das gehn. wenn du denn javascript willst.
versuch google mit [dropdown abhängig] oder so.
falls du nix findest poste nochma.
Zuletzt bearbeitet von fuchsbau am Do 26.04.2007 11:56, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
Divitiacus
Account gelöscht Threadersteller
Ort: -
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
|
|
|
|
Divitiacus
Account gelöscht Threadersteller
Ort: -
|
Verfasst Do 26.04.2007 14:23
Titel arrghhh |
|
|
also erste STufe klappt:
ABER ich will, wenn man
AUSSENFENSTERBANK auswählt, dass sich zusätzlich das untere Dropdown auch noch ändert ...
aber ich schaff es nicht!
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language="Javascript">
<!-- Start
function update_auswahl()
{
var kategorieAuswahl = document.forms.verzeichnis.kategorie;
var unterkategorieAuswahl = document.forms.verzeichnis.unterkategorie;
var aufbuegeAuswahl = document.forms.verzeichnis.aufbuege; // Axel
unterkategorieAuswahl.options.length = 0; // DropDown Menü entleeren
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");
}
else if (kategorieAuswahl.options
[kategorieAuswahl.selectedIndex].
value == "Innenfensterbank")
{
unterkategorieAuswahl.options[0] = new Option("weiss");
unterkategorieAuswahl.options[1] = new Option("carrera-marmor");
}
else if (kategorieAuswahl.options // Axel
[kategorieAuswahl.selectedIndex]. // Axel
value == "xxx") // Axel
{
unterkategorieAuswahl.options[0] = new Option("Material");
}
}
// Ende -->
</script>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<form name="verzeichnis">
<select size="1" name="kategorie" onChange="update_auswahl()">
<option value="xxx" selected>Fensterbank wählen</option>
<option value="Innenfensterbank">Innenfensterbank</option>
<option value="Aussenfensterbank">Aussenfensterbank</option>
</select>
<br>
<br>
<select size="1" name="unterkategorie">
<option selected>Material</option>
</select></form>
<select name="aufbuege" size="1">
<option selected>Aufbüge</option>
</select></form>
</body>
</html>
|
|
|
|
|
WinstonSmith
Dabei seit: 06.01.2005
Ort: -
Alter: -
Geschlecht:
|
Verfasst Do 26.04.2007 16:31
Titel
|
|
|
versuch 's mal hiermit:
Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language="Javascript">
<!-- Start
function update_auswahl()
{
var kategorieAuswahl = document.forms.verzeichnis.kategorie;
var unterkategorieAuswahl = document.forms.verzeichnis.unterkategorie;
var aufbuegeAuswahl = document.forms.verzeichnis.aufbuege; // Axel
unterkategorieAuswahl.options.length = 0; // DropDown Menü entleeren
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");
}
else if (kategorieAuswahl.options[kategorieAuswahl.selectedIndex].value == "Innenfensterbank")
{
unterkategorieAuswahl.options[0] = new Option("weiss");
unterkategorieAuswahl.options[1] = new Option("carrera-marmor");
}
else if (kategorieAuswahl.options[kategorieAuswahl.selectedIndex].value == "xxx") // Axel
{
unterkategorieAuswahl.options[0] = new Option("Material");
}
unterkategorieAuswahl.focus();
kategorieAuswahl.disabled = true;
}
// Ende -->
</script>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<form name="verzeichnis">
<select size="1" name="kategorie" onChange="update_auswahl()">
<option value="xxx" selected>Fensterbank wählen</option>
<option value="Innenfensterbank">Innenfensterbank</option>
<option value="Aussenfensterbank">Aussenfensterbank</option>
</select>
<br>
<br>
<select size="1" name="unterkategorie">
<option selected>Material</option>
</select></form>
<select name="aufbuege" size="1">
<option selected>Aufbüge</option>
</select></form>
</body>
</html> |
im Endeffekt musst du nur in der Auswahl-Funktion die Zeilen ...
Code: | unterkategorieAuswahl.focus();
kategorieAuswahl.disabled = true; |
...ergänzen.
Du selektierst also ein Element der ersten Selectbox, er durchläuft die Abfragen und füllt die weiteren Selectboxen, setzt den Focus auf die nächste und disabled die erste.
et voila.
gruß,
winston
[EDIT]
rofl, das war ja garnicht die Frage
Wenn sich das untere auch ändern soll:
Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script language="Javascript">
<!-- Start
function update_auswahl()
{
var kategorieAuswahl = document.forms.verzeichnis.kategorie;
var unterkategorieAuswahl = document.forms.verzeichnis.unterkategorie;
var aufbuegeAuswahl = document.forms.verzeichnis.aufbuege; // Axel
unterkategorieAuswahl.options.length = 0; // DropDown Menü entleeren
aufbuegeAuswahl.options.length = 0; // DropDown Menü entleeren
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("irgendwas");
aufbuegeAuswahl.options[1] = new Option("nochwas");
aufbuegeAuswahl.options[2] = new Option("wenn schon, denn schon");
aufbuegeAuswahl.options[3] = new Option("FIN");
}
else if (kategorieAuswahl.options[kategorieAuswahl.selectedIndex].value == "Innenfensterbank")
{
unterkategorieAuswahl.options[0] = new Option("weiss");
unterkategorieAuswahl.options[1] = new Option("carrera-marmor");
}
else if (kategorieAuswahl.options[kategorieAuswahl.selectedIndex].value == "xxx") // Axel
{
unterkategorieAuswahl.options[0] = new Option("Material");
}
}
// Ende -->
</script>
<title>Unbenanntes Dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<form name="verzeichnis">
<select size="1" name="kategorie" onChange="update_auswahl()">
<option value="xxx" selected>Fensterbank wählen</option>
<option value="Innenfensterbank">Innenfensterbank</option>
<option value="Aussenfensterbank">Aussenfensterbank</option>
</select>
<br>
<br>
<select size="1" name="unterkategorie">
<option selected>Material</option>
</select>
<select name="aufbuege" size="1">
<option selected>Aufbüge</option>
</select></form>
</body>
</html> |
Nach der vorletzten Selectbox hattest du bereits das Formular beendet, daher hat es im ersten Moment zu Fehlern geführt
Zuletzt bearbeitet von WinstonSmith am Do 26.04.2007 16:36, insgesamt 1-mal bearbeitet
|
|
|
|
|
Divitiacus
Account gelöscht Threadersteller
Ort: -
|
Verfasst Do 26.04.2007 16:53
Titel VIIIIIIIIIIIIIIIIIIIIIIIIeeeelen Dank! |
|
|
VIIIIIIIIIIIIIIIIIIIIIIIIeeeelen Dank!
Ich danke Dir!
Bin grad arg im Stress-
Ich und Chef, Probezeit, Joomla!, Typo-Projekte, Flash, PHP, Photoshop, Indeisgn, Formulare HTML, CSS ARGGGGGGGGGGGGGGGGGGGGGGGGGG
hier liegen 17 Projekte auf dem Tisch die alle in 2 Wochenfertig sein sollen
da kommt solche Hilfe gerade recht!!!!
DANKE!!!!!!!!!!!!!!!!!!!!!!
|
|
|
|
|
twym
Dabei seit: 12.06.2005
Ort: -
Alter: 37
Geschlecht:
|
Verfasst Mi 03.10.2007 23:36
Titel
|
|
|
WinstonSmith hat geschrieben: | versuch 's mal hiermit:
...ergänzen.
Du selektierst also ein Element der ersten Selectbox, er durchläuft die Abfragen und füllt die weiteren Selectboxen, setzt den Focus auf die nächste und disabled die erste.
et voila.
gruß,
winston
[EDIT]
rofl, das war ja garnicht die Frage
Wenn sich das untere auch ändern soll:
Nach der vorletzten Selectbox hattest du bereits das Formular beendet, daher hat es im ersten Moment zu Fehlern geführt |
Hi, Habe gerade diesen Beitrag gefunden und kann den Code gut gebrauchen. Mein Frage, gibt es vielleicht auch eine Möglichkeit die Selectboxes anstatt Sie nur zur leeren komplett auszublenden?
Danke und Gruß
|
|
|
|
|
|
|
|
Ähnliche Themen |
Nach Dropdown auswahl neues Dropdown erscheinen
Javascript Problemchen Dropdown-Auswahl verändern
[PHP] -Dropdown-Menu- nach auswahl sofort abschicken
[HTML + PHP] Probs mit der Auswahl beim Dropdown Menü
Dreamweaver Formular: Kalenderfelder als Auswahl?!?
Grösse ändern Fenster um Auswahl
|
|