YourWBB


yourWBB » yourWBB Misc * » Das Proggen » MySQL und PHP » JS: Dropdownboxen beim Laden » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag 2.246 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen

Zum Ende der Seite springen JS: Dropdownboxen beim Laden
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Pilleslife
Mitglied


images/avatars/avatar-5378.jpg

Dabei seit: 22.04.06
Beiträge: 446
Forenversion: 2.3; 2.1

 JS: Dropdownboxen beim Laden Antworten Zitieren Editieren Melden       UP

Hallo zusammen,

ich habe gerade ein kleines JavaScript Problem. Und zwar habe ich auf einer Seite ein Formular mit mehreren Dropdownboxen (db1, db2 und db3). Die Auswahlmöglichkeiten für db2 und db3 werden per JS in Abhängigkeit von db1 gesetzt, über das html-Attribut onchange.

Mein Problem jetzt: Wenn ich db1 ändere und die Seite neu lade wird die Auswahl von db1 "gemerkt", aber die anderen Dropdownboxen haben den Standartinhalt aus dem HTML. Gibt es eine Möglichkeit, auch hier die "Abhängigkeit" zu realisieren?

Ich hoffe ihr versteht mein Problem und könnt mir helfen.

Gruß
Pilleslife
05.03.10 23:06 Pilleslife ist offline E-Mail WWW Finden Als Freund hinzufügen Füge Pilleslife in deine Kontaktliste ein MSN Passport-Profil von Pilleslife anzeigen
Chopsticks Chopsticks ist männlich
Mitglied


images/avatars/avatar-5580.gif

Dabei seit: 11.01.08
Beiträge: 89
Forenversion: 2.3

Antworten Zitieren Editieren Melden       UP

Könntest du bitte eine ausführbares Beispiel zeigen?
05.03.10 23:53 Chopsticks ist offline E-Mail Finden Als Freund hinzufügen Füge Chopsticks in deine Kontaktliste ein
Pilleslife
Mitglied


images/avatars/avatar-5378.jpg

Dabei seit: 22.04.06
Beiträge: 446
Forenversion: 2.3; 2.1

Themenstarter Thema begonnen von Pilleslife
Antworten Zitieren Editieren Melden       UP

Ein ausführbares Beispiel kann ich hier nicht zeigen. Du kannst mich aber per PN oder Messenger anschreiben, wenn du eine Idee hast. Hier aber die wichtigsten Code-Blöcke:

code:
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
<script language="Javascript">
<!-- Start
function setauswahl(frm)
{
    if(frm.form.dropbox1.value == "Eishockey"){
		frm.form.dropbox2.length =2;
		frm.form.dropbox3.length =2;
        frm.form.dropbox2.options[0] = new Option('Deutschland','Deutschland');
        frm.form.dropbox2.options[1] = new Option('Österreich','Österreich');

        frm.form.dropbox3.options[0] = new Option('Heimteam','Heimteam');
        frm.form.dropbox3.options[1] = new Option('Text2','value2');
    }
    if(frm.form.dropbox1.value == "Fußball"){
        frm.form.dropbox2.length =3;
		frm.form.dropbox3.length =2;
        frm.form.dropbox2.options[0] = new Option('Andere','Andere');
        frm.form.dropbox2.options[1] = new Option('USA','USA');
        frm.form.dropbox3.options[0] = new Option('Text11','value1');
        frm.form.dropbox3.options[1] = new Option('Text21','value2');
    }
    if(frm.form.dropbox1.value == "3"){
		frm.form.dropbox2.length =2;
		frm.form.dropbox3.length =2;
        frm.form.dropbox2.options[0] = new Option('Text12','value1');
        frm.form.dropbox2.options[1] = new Option('Text22','value2');
        frm.form.dropbox3.options[0] = new Option('Text12','value1');
        frm.form.dropbox3.options[1] = new Option('Text22','value2');
    }
}
</script>


und

php:
1:
<select name="dropbox1" style="width:200px;" onchange="setauswahl(this)"><option value="Eishockey">Eishockey</option><option value="Fußball">Fußball</option><option value="3">Element 3</option></select>
05.03.10 23:59 Pilleslife ist offline E-Mail WWW Finden Als Freund hinzufügen Füge Pilleslife in deine Kontaktliste ein MSN Passport-Profil von Pilleslife anzeigen
Chopsticks Chopsticks ist männlich
Mitglied


images/avatars/avatar-5580.gif

Dabei seit: 11.01.08
Beiträge: 89
Forenversion: 2.3

Antworten Zitieren Editieren Melden       UP

Wenn die Seite fertig geladen wurde, musst du einfach deine Funktion ausführen.

z.B.

<body onload="setauswahl(document.getElementsByName('dropbox1')[0])">
06.03.10 00:43 Chopsticks ist offline E-Mail Finden Als Freund hinzufügen Füge Chopsticks in deine Kontaktliste ein
Pilleslife
Mitglied


images/avatars/avatar-5378.jpg

Dabei seit: 22.04.06
Beiträge: 446
Forenversion: 2.3; 2.1

Themenstarter Thema begonnen von Pilleslife
Antworten Zitieren Editieren Melden       UP

Super vielen Dank so klappt es. Mit onload habe ich auch schon gearbeitet, aber ich glaube mein Problem war, dass ich dann nicht richtig auf das Formular zugegriffen haben.

Danke nochmals.
Gruß
Pilleslife
06.03.10 11:21 Pilleslife ist offline E-Mail WWW Finden Als Freund hinzufügen Füge Pilleslife in deine Kontaktliste ein MSN Passport-Profil von Pilleslife anzeigen
Baumstruktur | Brettstruktur
Gehe zu:

Neues Thema erstellen Antwort erstellen

yourWBB » yourWBB Misc * » Das Proggen » MySQL und PHP » JS: Dropdownboxen beim Laden