Erste Schritte benötige hilfe bei diesem Script

3l3ctric

Neues Mitglied
Hey,

ich habe ein Problem wie kann ich es machen, dass wenn ich z.B. Kiel ausgewählt habe und auf Absenden gedrückt habe, dass ich dann auf die Startseite von Kiel komme? oder auf ein anderes HTML doument weitergeleitet werde...

hier der script:
Java:
<html>
<head>
    <title></title>

    <script type="text/javascript">
        var mygroup = new Array();

        // reset
        mygroup[0] = new Array();
        mygroup[0][0] = new Option("Bitte wählen Sie zunächst ein Bundesland.", 5);

        // Saarland
        mygroup[1] = new Array();
        mygroup[1][0] = new Option("Merzig-Wadern", 2);
        mygroup[1][1] = new Option("Neunkirchen", 4);
        mygroup[1][2] = new Option("Saarbrücken", 6);
        mygroup[1][3] = new Option("Saarlouis", 8);
        mygroup[1][4] = new Option("Saarpfalz-Kreis", 10);
        mygroup[1][5] = new Option("St. Wendel", 12);

        // Schleswig-Holstein
        mygroup[2] = new Array();
        mygroup[2][0] = new Option("Dithmarschen",   1);
        mygroup[2][1] = new Option("Flensburg",   3);
        mygroup[2][2] = new Option("Lauenburg", 9);
        mygroup[2][3] = new Option("Kiel", 11);
        mygroup[2][4] = new Option("Lübeck", 13);
        mygroup[2][5] = new Option("Neumünster", 15);
        mygroup[2][6] = new Option("Nordfriesland", 17);
        mygroup[2][7] = new Option("Ostholstein", 19);
        mygroup[2][8] = new Option("Pinneberg", 21);
        mygroup[2][9] = new Option("Plön", 23);

        // Berlin
        mygroup[3] = new Array();
        mygroup[3][0] = new Option("Charlottenburg-Wilmersdorf",    5);
        mygroup[3][1] = new Option("Friedrichshain-Kreuzberg",  50);
        mygroup[3][2] = new Option("Lichtenberg", 500);
        mygroup[3][3] = new Option("Marzahn-Hellersdorf", 550);
        mygroup[3][4] = new Option("Mitte", 560);
        mygroup[3][5] = new Option("Neukölln", 570);
        mygroup[3][6] = new Option("Pankow", 580);
        mygroup[3][7] = new Option("Reinickendorf", 590);
        mygroup[3][8] = new Option("Spandau", 600);
        mygroup[3][8] = new Option("Steglitz-Zehlendorf", 610);
        mygroup[3][8] = new Option("Tempelhof-Schöneberg", 620);
        mygroup[3][8] = new Option("Treptow-Köpenick", 630);


        function ResetSubSelect(form, subSelect)
        {
            var e = form.elements[subSelect];
            for (var i = 0; i < e.options.length; ++i) {
                e.options[i] = null;
            }
        }


        function DisableSubSelect(elem)
        {
            elem.disabled = 1;
        }


        function EnableSubSelect(elem)
        {
            elem.disabled = 0;
        }


        function ShowSubSelect(elem, subSelect)
        {

            ResetSubSelect(elem.form, subSelect);


            var i = elem.options[elem.selectedIndex].value;

            var s = elem.form.elements[subSelect];

            for (var k = 0; k < mygroup[i].length; k++) {
                s.options[k] = mygroup[i][k];
            }


            if (i == 0) {
                DisableSubSelect(s);
            } else {
                EnableSubSelect(s);
            }
        }

        function InitSubSelect()
        {
            ShowSubSelect(document.forms["myform"].elements["myselect"], "mysubselect");
        }
    </script>
</head>
<body onload="InitSubSelect()">

<form action="" method="get" name="myform">
    <select name="myselect" onchange="ShowSubSelect(this,'mysubselect')">
        <option value="0">Bitte wählen Sie eine Bundesland.</option>
        <option value="1">Baden-Würtenberg</option>
        <option value="2">NRW</option>
        <option value="3">Berlin</option>
    </select>

    <select name="mysubselect"disabled="disabled" >
    </select>

    <input type="submit" value="Absenden" />
</form>

</body>
</html>


mfg
 
...das Thema wird doch gleich wieder verschoben 😉
Naja... wie dem auch sei...
Was hat es mit den Zahlen hinter den Namen bei "new Option()" auf sich? Das sind die Values der Optionen richtig? Da könnte man statt Zahlen die Links zu den Seiten übergeben. Dann noch bei dem FormElement "myform" die Eventmethode onSubmit überschreiben und in dieser dann die Value der ausgewählten Option (sollte jetzt ein Link sein) holen und per "Window.location.replace(url)" dorthin verzweigen.
 
Zuletzt bearbeitet von einem Moderator:

Zurück
Oben