JS ile "ülke", "şehir", "bölge" seçimi yapmak istiyorum. En son "Bölge" seçiminden sonra ilgili bölgenin sayfasına (ör: taksim.php) gitmesini istiyorum. Bunu nasıl yapabiliriz?

Örnek bir kod buldum biraz düzenledim. Buna nasıl bölgeleri ekleyebiliriz. İlla bu şekilde olmayabilir. Alternatif kod yazabilirseniz o da olabilir.

HTML KODU:


Ülke - Şehir - Bölge





Ülke:


Şehir:


Bölge:



<script>
populateCountries("country", "state");
</script>












JS KODU:

// Countries
var country_arr = new Array("Afghanistan", "Albania", "Algeria");

// States
var s_a = new Array();
s_a[0] = "";
s_a[1] = "Badakhshan|Badghis|Baghlan|Balkh|Bamian|Farah|Faryab|Ghazni|Ghowr|Helmand|Herat|Jowzjan|Kabol|Kandahar|Kapisa|Konar|Kondoz|Laghman|Lowgar|Nangarhar|Nimruz|Oruzgan|Paktia|Paktika|Parvan|Samangan|Sar-e Pol|Takhar|Vardak|Zabol";
s_a[2] = "Berat|Bulqize|Delvine|Devoll (Bilisht)";
s_a[3] = "Adrar|Ain Defla|Ain Temouchent|Alger|Annaba|Batna|Bechar|Bejaia|Biskra|Blida|Bordj Bou Arreridj|Bouira|Boumerdes|Chlef";


function populateStates(countryElementId, stateElementId) {

var selectedCountryIndex = document.getElementById(countryElementId).selectedIndex;

var stateElement = document.getElementById(stateElementId);

stateElement.length = 0; // Fixed by Julian Woods
stateElement.options[0] = new Option('Select State', '');
stateElement.selectedIndex = 0;

var state_arr = s_a[selectedCountryIndex].split("|");

for (var i = 0; i < state_arr.length; i++) {
stateElement.options[stateElement.length] = new Option(state_arr[i], state_arr[i]);
}
}

function populateCountries(countryElementId, stateElementId) {
// given the id of the