<script type="text/javascript">
    // когда подгрузился HTML и построено DOM-дерево
    document.addEventListener('DOMContentLoaded', function(){
        loadCountries(); // вызовем загрузку первого списка (страны)
    });
</script>

function loadCountries(){
     // countryId - идентификатор выбранной страны из списка стран
     $.get("GetCountries", { countriId: countryId }) // ajax get
        .success(function (x) {
          if (!(x === undefined || x.length === 0)) {
            // заполним список
            loadCities(); // вызываем следующую загрузку
          } else {
            // очищаем все списки идущие после загрузки стран
            // можем вывести сообщение, что во время загрузки что-то пошло не так
          }
    });
}

function loadCities() {
    // cityId - идентификатор выбранного города из списка городов
    $.get("GetCities", { cityId: cityId })
        .success(function (x) {
            if (!(x === undefined || x.length === 0)) {
              // заполним список городов
              loadRegions(); // вызываем следующую загрузку
            } else {
              // очищаем все списки идущие после загрузки городов
              // можем вывести сообщение, что во время загрузки что-то пошло не так
            }
    });
}

document.getElementById('button-id').disabled = true;  // неактивная
document.getElementById('button-id').disabled = false; // активная

// countries - идентификатор селекта стран
$("#countries").children("option:selected").attr("value");

var elem = document.getElementById("countries");
var countryValue = elem.options[elem.selectedIndex].value;