mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 28.03.2024 22:25 Benutzername: Passwort: Auto-Login

Thema: Formular Dropdown je nach Erster Auswahl ändern vom 26.04.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Formular Dropdown je nach Erster Auswahl ändern
Seite: 1, 2  Weiter
Autor Nachricht
Divitiacus
Account gelöscht Threadersteller


Ort: -

Verfasst Do 26.04.2007 11:04
Titel

Formular Dropdown je nach Erster Auswahl ändern

Antworten mit Zitat Zum Seitenanfang

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: Männlich
Verfasst Do 26.04.2007 11:55
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Divitiacus
Account gelöscht Threadersteller


Ort: -

Verfasst Do 26.04.2007 12:34
Titel

DANKE

Antworten mit Zitat Zum Seitenanfang

jepp, hab zwar auch schon GEGOOGELT aber mit diesen beiden Suchwörtern nun (hoffentlich) Erfolg.
Sieht schon mal gut aus bei DRWEB

http://www.drweb.de/javascript/dynamische_dropdown_menues.shtml
 
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Do 26.04.2007 12:51
Titel

Antworten mit Zitat Zum Seitenanfang

http://www.wait-till-i.com/index.php?p=411
http://icant.co.uk/sandbox/multilevel.html


Zuletzt bearbeitet von sahnemuh am Do 26.04.2007 12:57, insgesamt 3-mal bearbeitet
  View user's profile Private Nachricht senden
Divitiacus
Account gelöscht Threadersteller


Ort: -

Verfasst Do 26.04.2007 14:23
Titel

arrghhh

Antworten mit Zitat Zum Seitenanfang

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&auml;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: Männlich
Verfasst Do 26.04.2007 16:31
Titel

Antworten mit Zitat Zum Seitenanfang

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&auml;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 Lächel

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&auml;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 *zwinker*


Zuletzt bearbeitet von WinstonSmith am Do 26.04.2007 16:36, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Divitiacus
Account gelöscht Threadersteller


Ort: -

Verfasst Do 26.04.2007 16:53
Titel

VIIIIIIIIIIIIIIIIIIIIIIIIeeeelen Dank!

Antworten mit Zitat Zum Seitenanfang

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!!!!!!!!!!!!!!!!!!!!!! * Applaus, Applaus * * Applaus, Applaus * * Applaus, Applaus *
 
twym

Dabei seit: 12.06.2005
Ort: -
Alter: 37
Geschlecht: Männlich
Verfasst Mi 03.10.2007 23:36
Titel

Antworten mit Zitat Zum Seitenanfang

WinstonSmith hat geschrieben:
versuch 's mal hiermit:

Code:


...



...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 Lächel

Wenn sich das untere auch ändern soll:

Code:


...

 


Nach der vorletzten Selectbox hattest du bereits das Formular beendet, daher hat es im ersten Moment zu Fehlern geführt *zwinker*




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ß
  View user's profile Private Nachricht senden
 
Ä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
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.