Witam, mam w formularzu dynamiczną listę rozwijalną i chcę aby po wybraniu z listy jakiegoś elementu był on wyświetlany w innym miejscu i do ramki wczytany odpowiedni plik zależny od wyboru z tej listy. Może trochę zawile brzmi ale pokaże co mam :

w pliku index.php mam taki formularz:
Kod
<form name="doublecombo" action="dam.php" method="post">Wybierz miasto:<br \>
<p><select name="example" size="1" onChange="redirect(this.options.selectedIndex)">
<option> - rozwiń listę - </option>
<option>miasto 1</option>
<option>miasto 2</option>
<option>miasto 3</option>
<option>miasto 4</option>
</select><br \><br \>Wybierz gracza:<br \><br \>
<select name="stage2" size="1">
<option value="1"> - brak - </option>

</select>
</p>
<?php include('script.html'); ?>
             Dane z walki:<br>
                    
             Ile pkt.: <input name="ile" size="4" maxlength="4" type="text">        
             <input name="ubity" value="ubity" type="checkbox"> ubity <br>
             <br \>
             <input type="hidden" name="login" value="<?php echo $_SESSION['login'] ?>" />

            <input value="Wyślij dane" type="submit">
        </form>



script.html:
Kod
<script>
<!--

/*
Double Combo Script Credit
By Website Abstraction (www.wsabstract.com)
Over 200+ free JavaScripts here!
*/

var groups=document.doublecombo.example.options.length
var group=new Array(groups)
for (i=0; i<groups; i++)
group[i]=new Array()

group[0][0]=new Option("- brak -")

group[1][0]=new Option("- gracz -")
group[1][1]=new Option("1")
group[1][2]=new Option("2")
group[1][3]=new Option("3 ")
group[1][4]=new Option("4")
group[1][5]=new Option("5")
group[1][6]=new Option("6")
group[1][7]=new Option("7")
group[1][8]=new Option("8")
group[1][9]=new Option("9")
group[1][10]=new Option("10")
group[1][11]=new Option("11")
group[1][12]=new Option("12")
group[1][13]=new Option("13")
group[1][14]=new Option("14")
group[1][15]=new Option("15")
group[1][16]=new Option("16  ")
group[1][17]=new Option("17 ")



group[2][0]=new Option("- gracz -")
group[2][1]=new Option("a")
group[2][2]=new Option("b")
group[2][3]=new Option("c")
group[2][4]=new Option("d")
group[2][5]=new Option("e")
group[2][6]=new Option("f")
group[2][7]=new Option("g")
group[2][8]=new Option("h")

group[3][0]=new Option("- gracz -")
group[3][1]=new Option("9")
group[3][2]=new Option("10")
group[3][3]=new Option("11")

var temp=document.doublecombo.stage2

function redirect(x){
for (m=temp.options.length-1;m>0;m--)
temp.options[m]=null
for (i=0;i<group[x].length;i++){
temp.options[i]=new Option(group[x][i].text,group[x][i].value)
}
temp.options[0].selected=true
}

function go(){
location=temp.options[temp.selectedIndex].value
}
//-->
</script>


I mam tak, że jeśli wybiorę z pierwszej listy coś, to druga jest dostosowana do tego wyboru.
A chciałbym aby w innym miejscu wyświetlało mi aktualne wybraną pozycję. Np. miasto: 1
i do osobnej ramki wczytywało odpowiedni plik, np po wybraniu miasto1, żeby załadowało plik miasto1.php, po wybraniu miasto 2 załadowało miasto2.php itd.

Jak mam to zrobić? A tak w ogóle to w JS czy php?