Select box ile yapılmasını istediğim birşey

Arkadaşlar bir projemin son adımı için gerekli olan bir konu da sizlerden yardım isteyeceğim. Şimdi konuyu anlatayım.

2Tane select box olacak. Bunlardan birinde "Kız - Erkek" Birinde ise şehirler olacak mesala "Ankara - Adana - İstanbul". Şimdi 1. box'da Kız'ı 2.box'da Ankara'yı seçerse Kiz/Ankara.html'e yönlendirecek. Eğer 1.box'ta Erkek'i 2.box'ta Ankara'yı seçerse Erkek/Ankara.html'e yönlendirecek. Bu şekilde olacak yani 1.box'ta kız seçerse Kiz/ olacak 2.box'ta da hangi şehri seçerse Sehiradi.html olacak Bu sistem toplama scriptleri vs. onlardaki gibi birşey;

Örnek: Ürün Kategorisi box'undan PC seçince PC ile ilgili sarfları listeliyor vs.


Bu konuda yardımcı olacak arkadaşlar varsa yardımlarını esirgemezlerse çok sevinirim. Elinde örnek olan varsa yada daha önceki projelerinde kullandığı kodlar olan onları paylaşırsanız yada örnek bi yazarsanız çok sevinirim

bunu ister php ile sayfayı post edip, verileri alıp aldığın verilere göre yönlendirerek yapabilirsin yada sayfayı hiç post etmeden javascript ile seçili değerleri alıp yönlendirmen mümkün.

Misal;

<script type="text/javascript">
function Yonlendir(_Cinsiyet,_Sehir)
{
var Cinsiyet = document.getElementById(_Cinsiyet).options[document.getElementById(_Cinsiyet).selectedIndex].value;
var Sehir= document.getElementById(_Sehir).options[document.getElementById(_Sehir).selectedIndex].value;

location.href=Cinsiyet+'/'+Sehir+".html";
}
</script>

<select id="Sehirler">
<option value="Izmir">İzmir</option>
<option value="Ankara">Ankara</option>
<option value="Istanbul">İstanbul</option>
</select>

<select id="Cinsiyetler">
<option value="Kiz">Kız</option>
<option value="Erkek">Erkek</option>

</select>

<a href="javascript:Yonlendir('Cinsiyetler','Sehirler');" >Git</a>

Çok teşekkür ederim ilginiz için saolun

umarım mantığını anlamış ve işinize yarıyacak şekilde kullanabilmişsinizdir

Anladım ve kullandım fakat buton olmasa direk şehri seçince yönlense o şekilde nasıl yapabiliriz ?

Dene istersen. Kolay gelsin.

<script type="text/javascript">
function Yonlendir(_Cinsiyet,_Sehir)
{
var Cinsiyet = document.getElementById(_Cinsiyet).options[document.getElementById(_Cinsiyet).selectedIndex].value;
var Sehir= document.getElementById(_Sehir).options[document.getElementById(_Sehir).selectedIndex].value;
location.href=Cinsiyet+'/'+Sehir+".html";
}
</script>
<select id="Sehirler">
<option value="Izmir">İzmir</option>
<option value="Ankara">Ankara</option>
<option value="Istanbul">İstanbul</option>
</select>
<select id="Cinsiyetler" onchange="javascript:Yonlendir('Cinsiyetler','Sehirler');">
<option value="Kiz">Kız</option>
<option value="Erkek">Erkek</option>
</select>

@leonjade oldu teşekkür ederim

ben yetişemeden @leonjade arkadaşım yardımcı olmuş (: kolay gelsin.

hehe ben sileyim :P sen tekrar düzenle sağol sanada.