Variable auf Clientseite von Javascript nach PHP und wieder nach Javascript

[mkoeni1]

Hallo Leute,

ich habe ein Problem und benötige eure Hife zur Vervollständigung.
Ich habe auf einer Seite mehrere PHP Array's. Diese werden alle angelegt:

$test1 = array(
            array( "id" => 99, "name" => "Alles"),
            array( "id" => 1, "name" => "Kino")
            );
$test2 = array(    
            array( "id" => 1, "name" => "Sonstiges"),
            array( "id" => 2, "name" => "Jazz"),
            array( "id" => 3, "name" => "Klassik"),
            array( "id" => 4, "name" => "Blues/Rock/Pop"),
            array( "id" => 5, "name" => "Musikschulen")
);

Weiter habe ich auf der Seite ein Formular, welches per Javascript ausgelesen wird:

<form name="testform" action="testformular1.php" method="GET">
    Rubrik:
    <br />
            <select name="rubrik">
<!-- <option value="Haus" onclick="welcher_wert();"> -->
                    <option value="Haus" onclick="welcher_wert();">
                        Haus
                    </option>
                    <option value="Auto" onclick="welcher_wert();">
                        Auto
                    </option>
                    <option value="Garten" onclick="welcher_wert();">
                        Garten
                    </option>
                </szon:for-each>
            </select>

<div id="untershow" style="display: none; position: absolute; top: 150px; left: 10px;">
<table class="formtable">
    <tr>
        <td>
            Unterrubrik:
            <br />

und die JavaScript Funktion, die den Wert des ersten Drop Down einliest:

<script type="text/javascript">
        function welcher_wert(){
            var allSelects = document.getElementsByTagName('select');
            var mySelect = allSelects['rubrik'];
            var myValue = mySelect.options[mySelect.selectedIndex].value;
            alert(myValue);


            // das hidden field
            document.getElementById('hidden').value = myValue;

            document.getElementById('text').value = myValue;
            if(document.getElementById("untershow").style.display=="none"){
                document.getElementById("untershow").style.display="block";
            }
            else{
                document.getElementById("untershow").style.display="none";
            }

            // hidden value mit Wert belegen
            //document.getElementsByTagName('hidden').value = "test";

            // seite neu laden
            //window.location.reload();
    }
</script>

Ich möchte gerne erreichen, dass ein gewählter Wert aus dem Dropdown Feld im Formular die Array Wahl ($test1, $test2, $test3, ...) beinflusst und diese dann in dem zunächst versteckten DIV einblendet, bzw. zur Auswahl anbietet.

Geht das? Oder wie könnte ich das alternativ lösen?


Gruß und Vielen Dank
Matthias

 

[KD3]

Ich denke mal ich verweise dich mal hier hin: http://www.google.de/search?hl=de&q=AJAX&btnG=Google-Suche&meta=

 

[mkoeni1]

Hallo,

das hatte ich mir schon fast gedacht.
Nun ja, ich werde um das Thema nicht drum herum kommen!

Gibt es dennoch andere Vorschläge?
Gruß Matthias

 

[Chaosengel_Gabriel]

Du müsstest im JS die PHP Variablen einfach so verwenden können...
Sprich:

<script>
var JS=<?php echo $var; ?>
</script>

Und hinterher die Daten von JS wieder gen PHP könnteste die entsprechen Varibalen in der URL übergeben und in PHP mit $_GET auslesen...