Как создать каскадный выпадающий список в PHP с помощью jQuery

Question

Моя база данных состоит из стран и городов.

Первый случай - Успешно сделано:

1. Список стран заполняется в выпадающем списке при загрузке страницы
2. Городсписок заполняется в раскрывающемся списке при загрузке страницы - список населенных городов основан на стране по умолчанию.

Второй случай - невозможно сделать это:

1. Пользователь меняет страну
2. Список городов будет изменяться в зависимости от выбранной страны

Я знаю, что должен использовать jQuery / Ajax.Я пытался, но я не мог решить свою проблему из-за отсутствия опыта программирования.Мой список получен из базы данных не XML.Мне просто нужно быстрое решение, мне нужно, чтобы оно было простым и глупым.

Я использую обычный стиль кодирования PHP, а не объектно-ориентированный.

Как я могу это сделать?Любые связанные ресурсы будут оценены.

Answer 1

$("#country").change(function(){
    $('#city').find('option').remove().end(); //clear the city ddl
    var country = $(this).find("option:selected").text();
    alert(country);
    //do the ajax call
    $.ajax({
        url:'getCity.php'
        type:'GET',
        data:{city:country},
        dataType:'json',
        cache:false,
        success:function(data){

        data=JSON.parse(data); //no need if dataType is set to json
         var ddl = document.getElementById('city');                      

         for(var c=0;c<obj.length;c++)
              {              
               var option = document.createElement('option');
               option.value = obj[c];
               option.text  = obj[c];                           
               ddl.appendChild(option);
              }


    },
        error:function(jxhr){
        alert(jxhr.responseText);

    }
    }); 

});

в вашем getCity.php

$country = $_GET['city'];

//do the db query here

$query  = "your query";
$result = mysql_query($query);
$temp = array();
while ($row = mysql_fetch_assoc($result)) {

 if(empty($temp))
 {
   $temp=array($row['city']);
 }
 else
 {  
   array_push($temp,$row['city']);
 }

}
echo (json_encode($temp));

Answer 2

Вы можете сделать это, вызвав ajax при изменении значения поля выбора, используя .change() метод jquery. api.jquery.com / изменение /

Answer 3

записывать данные вместо obj. Отлично работает