Verschachtelte, dynamische Subselects

Dubhead · 10.11.2009, 20:24

[MOD: Anmerklung] Bezieht sich auf: http://www.php.de/tutorials/43433-ht...tml#post467627 (HTML/JavaScript: Verschachtelte Auswahlfelder)

PHP-Code:

  <html>
<head>

<script type="text/javascript">
        var mygroup = new Array();
        
        // reset
        mygroup[0] = new Array();
        mygroup[0][0] = new Option("Bitte erst 1.Genre wählen.", 0);
        mygroup[0][0][0] = new Option("Bitte erst 2.Genre wählen.", 0);
        
        // Alternative
        mygroup[1] = new Array();
        mygroup[1][0] = new Option("Alternative Country", 2);
        mygroup[1][1] = new Option("Alternative Metal", 4);
        mygroup[1][2] = new Option("Alternative Pop", 8);        
        
    // Dance
        mygroup[8] = new Array();
        mygroup[8][0] = new Option("Techno",    5);
        mygroup[8][1] = new Option("Drum & Bass",  50);
        mygroup[8][2] = new Option("House", 500);
        
        // Dance > House
        mygroup[8] = new Array();
        mygroup[8][0] = new Option("Electro",    900);
        mygroup[8][1] = new Option("Minimal",  901);
        mygroup[8][0][2] = new Option("Funky", 902);
        
        
        // mygroup[ZB_PRIMARY_KEY_SELECT][FORTLAUFENDE_ZAHLEN_AB_0] = new Option(OPTION_TEXT, ZB_PRIMARY_KEY_SUBSELECT)
        
        // alle <option>s des sub-<select> entfernen
        function ResetSubSelect(form, subSelect)
        {
            var e = form.elements[subSelect];
            for (var i = 0; i < e.options.length; ++i) {
                e.options[i] = null;
            }
        }
        
        // übergebenes Element (sub-<select>) deaktivieren
        function DisableSubSelect(elem)
        {
            elem.disabled = 1;
        }
        
        // übergebenes Element (sub-<select>) aktivieren
        function EnableSubSelect(elem)
        {
            elem.disabled = 0;
        }
        
        // tritt bei onchange in Kraft, bzw. bei der Initiierung
        function ShowSubSelect(elem, subSelect)
        {
            // alle <option>s des sub-<select> entfernen (reset)
            ResetSubSelect(elem.form, subSelect);
            
            // welcher value wurde ausgewählt
            var i = elem.options[elem.selectedIndex].value;
            // sub-<select>
            var s = elem.form.elements[subSelect];
            
            // dem <sub>-select die <option>s aus mygroup zuordnen
            for (var k = 0; k < mygroup[i].length; k++) {
                s.options[k] = mygroup[i][k];
            }
            
            // war die ausgewählte value 0? dann sub-<select> deaktivieren
            if (i == 0) {
                DisableSubSelect(s);
            } else {
                EnableSubSelect(s);
            }
        }
        
        function InitSubSelect()
        {
            // leeres sub-<select> mit mygroup[0] füllen
            ShowSubSelect(document.forms["myform"].elements["myselect"], "mysubselect");
        }
    </script>

</head>
<body marginheight="0" marginwidth="0" onload="InitSubSelect()">

<form action="" method="get" name="myform">
    <select name="myselect" onchange="ShowSubSelect(this,'mysubselect')">
        <option value="0">Bitte Genre wählen.</option>
        <option value="1">Alternative</option>
        <option value="8">Dance</option>
    </select> <br>
    
    <select  name="mysubselect" disabled="disabled">
    </select> <br>
    
    <select  name="subsubselect" disabled="disabled">
    </select><br>
    <br>
    
    <input type="submit" />
</form>

</body>
</html>

Hi,
ich möchte ein SUB-SUB-Select einfügen. Leider funktioniert dies nicht wie gewünscht.
Weiß jemand eine Lösung?

Vielen Dank im Voraus.

Dubhead

nikosch · 10.11.2009, 20:28

[MOD: verschoben]

Dubhead · 13.11.2009, 18:45

Weiß keiner ne Lösung? Bin langsam am verzweifeln

nikosch · 13.11.2009, 19:16

Wegen wiederholtem Push.

[MOD: Thread geschlossen]

Chriz · 14.11.2009, 01:31

Hallo,
weil das mein alter Thread war, mache ich ihn kurz wieder auf, mit dem Hinweis, dass ich eine erneuerte Version online gestellt habe:
http://www.php.de/tutorials/43433-ht...tml#post468567 (HTML/JavaScript: Verschachtelte Auswahlfelder)

Der Fehler an deinem Codebeispiel ist, dass du den Array (mygroup) einfach falsch verschachtelst:

Code:

        mygroup[8] = new Array();
        mygroup[8][0] = new Option("Electro",    900);
        mygroup[8][1] = new Option("Minimal",  901);
        mygroup[8][0][2] = new Option("Funky", 902); // falsch

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Dynamische Variablen initialisieren	smilla	PHP Tipps 2009	3	02.10.2009 01:45
Dynamische Webseiteninhalt - PHP Code funktioniert nicht	ChrisP	PHP Tipps 2009	1	28.08.2009 10:18
Dynamische Page von A-Z	Diamond GrafixX	PHP Tipps 2009	8	29.05.2009 20:14
[Erledigt] dynamische Liste Abfragen verknüpfen und ausgeben.	abi	PHP Tipps 2009	3	13.05.2009 11:46
Dynamische Seitennavigation	Moe	PHP Tipps 2008	17	30.09.2008 11:20
Dynamische Websiten mit PHP 5	Caalio	PHP Tipps 2008	3	13.07.2008 17:36
[Erledigt] dynamische Tabelle aus MySQL-Abfrage	maeck	PHP Tipps 2008	12	02.07.2008 09:08
Dynamische Grafik in PHP		PHP Tipps 2005-2	6	26.07.2005 11:47
dynamische Linksammlung		PHP Tipps 2005-2	1	22.07.2005 11:56
[Erledigt] Verschachtelte Arrays ausgeben		PHP-Fortgeschrittene	2	10.12.2004 11:29
MySQL 4.1.7 - Subselects - Unterschiede zw. Zeilen	imported_Ben	Datenbanken	8	24.11.2004 12:15
Dynamische Playlist		PHP Tipps 2004	1	17.09.2004 08:14
dynamische Auswahlbox		PHP Tipps 2004	4	16.09.2004 16:23
dynamische Fotogalerie		Beitragsarchiv	7	27.08.2004 11:28
2 verschachtelte Divlayer und der Firefox.	Tutti	HTML, Usability und Barrierefreiheit	2	26.07.2004 22:24

10.11.2009, 20:24
Dubhead Neuer Benutzer Registriert seit: 10.11.2009 Beiträge: 2 PHP-Kenntnisse: Anfänger	Verschachtelte, dynamische Subselects [MOD: Anmerklung] Bezieht sich auf: http://www.php.de/tutorials/43433-ht...tml#post467627 (HTML/JavaScript: Verschachtelte Auswahlfelder) PHP-Code: <html> <head> <script type="text/javascript"> var mygroup = new Array(); // reset mygroup[0] = new Array(); mygroup[0][0] = new Option("Bitte erst 1.Genre wählen.", 0); mygroup[0][0][0] = new Option("Bitte erst 2.Genre wählen.", 0); // Alternative mygroup[1] = new Array(); mygroup[1][0] = new Option("Alternative Country", 2); mygroup[1][1] = new Option("Alternative Metal", 4); mygroup[1][2] = new Option("Alternative Pop", 8); // Dance mygroup[8] = new Array(); mygroup[8][0] = new Option("Techno", 5); mygroup[8][1] = new Option("Drum & Bass", 50); mygroup[8][2] = new Option("House", 500); // Dance > House mygroup[8] = new Array(); mygroup[8][0] = new Option("Electro", 900); mygroup[8][1] = new Option("Minimal", 901); mygroup[8][0][2] = new Option("Funky", 902); // mygroup[ZB_PRIMARY_KEY_SELECT][FORTLAUFENDE_ZAHLEN_AB_0] = new Option(OPTION_TEXT, ZB_PRIMARY_KEY_SUBSELECT) // alle <option>s des sub-<select> entfernen function ResetSubSelect(form, subSelect) { var e = form.elements[subSelect]; for (var i = 0; i < e.options.length; ++i) { e.options[i] = null; } } // übergebenes Element (sub-<select>) deaktivieren function DisableSubSelect(elem) { elem.disabled = 1; } // übergebenes Element (sub-<select>) aktivieren function EnableSubSelect(elem) { elem.disabled = 0; } // tritt bei onchange in Kraft, bzw. bei der Initiierung function ShowSubSelect(elem, subSelect) { // alle <option>s des sub-<select> entfernen (reset) ResetSubSelect(elem.form, subSelect); // welcher value wurde ausgewählt var i = elem.options[elem.selectedIndex].value; // sub-<select> var s = elem.form.elements[subSelect]; // dem <sub>-select die <option>s aus mygroup zuordnen for (var k = 0; k < mygroup[i].length; k++) { s.options[k] = mygroup[i][k]; } // war die ausgewählte value 0? dann sub-<select> deaktivieren if (i == 0) { DisableSubSelect(s); } else { EnableSubSelect(s); } } function InitSubSelect() { // leeres sub-<select> mit mygroup[0] füllen ShowSubSelect(document.forms["myform"].elements["myselect"], "mysubselect"); } </script> </head> <body marginheight="0" marginwidth="0" onload="InitSubSelect()"> <form action="" method="get" name="myform"> <select name="myselect" onchange="ShowSubSelect(this,'mysubselect')"> <option value="0">Bitte Genre wählen.</option> <option value="1">Alternative</option> <option value="8">Dance</option> </select> <br> <select name="mysubselect" disabled="disabled"> </select> <br> <select name="subsubselect" disabled="disabled"> </select><br> <br> <input type="submit" /> </form> </body> </html> Hi, ich möchte ein SUB-SUB-Select einfügen. Leider funktioniert dies nicht wie gewünscht. Weiß jemand eine Lösung? Vielen Dank im Voraus. Dubhead


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

10.11.2009, 20:28
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	[MOD: verschoben] __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

13.11.2009, 18:45
Dubhead Neuer Benutzer Registriert seit: 10.11.2009 Beiträge: 2 PHP-Kenntnisse: Anfänger	Weiß keiner ne Lösung? Bin langsam am verzweifeln

13.11.2009, 19:16
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Wegen wiederholtem Push. [MOD: Thread geschlossen] __________________ -- One pixel is still too big. Please make it smaller. ASAP. Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --

14.11.2009, 01:31
Chriz Moderator Registriert seit: 11.05.2008 Beiträge: 6.266	Hallo, weil das mein alter Thread war, mache ich ihn kurz wieder auf, mit dem Hinweis, dass ich eine erneuerte Version online gestellt habe: http://www.php.de/tutorials/43433-ht...tml#post468567 (HTML/JavaScript: Verschachtelte Auswahlfelder) Der Fehler an deinem Codebeispiel ist, dass du den Array (mygroup) einfach falsch verschachtelst: Code: mygroup[8] = new Array(); mygroup[8][0] = new Option("Electro", 900); mygroup[8][1] = new Option("Minimal", 901); mygroup[8][0][2] = new Option("Funky", 902); // falsch