chọn tùy chọn tạo ra giá trị từ ajax khi thay đổi

Question

Tôi có here mã và luồng dự án của tôi tôi có 3 lựa chọn ở đây cho lục địa một cho quốc gia một thành phố tôi lấy dữ liệu để chọn các yêu cầu ajax. tôi chỉ muốn tạo một chút ưa thích vì vậy tôi muốn có một vài chức năng

1.Khi Lục địa chọn danh sách quốc gia cho lục địa đó được liệt kê trong danh sách quốc gia khi thay đổi xảy ra, tôi muốn thành phố hiển thị các thành phố của mục nhập đầu tiên trong nước hiện tại là nó không xảy ra những gì tôi làm là tôi vẫn cần phải thay đổi mục nhập ở quốc gia chọn để hiển thị danh sách các thành phố

2.Question là tôi cần phải thêm một yêu cầu ajax bên trong yêu cầu ajax cho lục địa tôi không chắc chắn này là khả thi tôi đã cố gắng nó, nó không phải đang làm việc cho bây giờ

Ajax Mã

$('.continentname').change(function() { 
     var id = $(this).find(':selected')[0].id; 
     //alert(id); 
     $.ajax({ 
      type:'POST', 
      url:'../include/continent.php', 
      data:{'id':id}, 
      success:function(data){ 
       // the next thing you want to do 
    var country= document.getElementById('country'); 
       $(country).empty(); 
    var city = document.getElementById('city'); 
       $(city).empty(); 
    for (var i = 0; i < data.length; i++) { 
    $(country).append('<option id=' + data[i].sysid + ' value=' + data[i].name + '>' + data[i].name + '</option>'); 
    } 
      } 
     }); 

    }); 

$('.countryname').change(function() { 
     var id = $(this).find(':selected')[0].id; 
     $.ajax({ 
      type:'POST', 
      url:'../include/country.php', 
      data:{'id':id}, 
      success:function(data){ 
       // the next thing you want to do 
    var city = document.getElementById('city'); 
       $(city).empty(); 
    for (var i = 0; i < data.length; i++) { 
    $(city).append('<option id=' + data[i].sysid + ' value=' + data[i].name + '>' + data[i].name + '</option>'); 
    } 
      } 
     }); 

    }); 

Từ cơ sở dữ liệu tôi đặt giá trị vào tùy chọn chọn như

$("#continent").val(continentid); 
$("#continent").change(); 
$("#country").change(); 
$("#country").val(countryid); 
$("#city").val(cityid); 

Answer 1

Bạn có thể kích hoạt một sự kiện thay đổi cho các phần tử nước một khi nó được dân cư

$('.continentname').change(function() { 
    var id = $(this).find(':selected')[0].id; 
    //alert(id); 
    $.ajax({ 
     type: 'POST', 
     url: '../include/continent.php', 
     data: { 
      'id': id 
     }, 
     success: function (data) { 
      // the next thing you want to do 
      var $country = $('#country'); 
      $country.empty(); 
      $('#city').empty(); 
      for (var i = 0; i < data.length; i++) { 
       $country.append('<option id=' + data[i].sysid + ' value=' + data[i].name + '>' + data[i].name + '</option>'); 
      } 

      //manually trigger a change event for the contry so that the change handler will get triggered 
      $country.change(); 
     } 
    }); 

}); 

$('.countryname').change(function() { 
    var id = $(this).find(':selected')[0].id; 
    $.ajax({ 
     type: 'POST', 
     url: '../include/country.php', 
     data: { 
      'id': id 
     }, 
     success: function (data) { 
      // the next thing you want to do 
      var $city = $('#city'); 
      $city.empty(); 
      for (var i = 0; i < data.length; i++) { 
       $city.append('<option id=' + data[i].sysid + ' value=' + data[i].name + '>' + data[i].name + '</option>'); 
      } 
     } 
    }); 
}); 

Answer 2

Bạn có thể có được cả hai danh sách quốc gia và danh sách thành phố của đất nước đầu tiên trong ../include/continent.php:

1. Nhận mảng danh sách quốc gia
2. Nhận danh sách thành phố nơi countryID = quốc gia [0] .id
3. Kết hợp và thêm một trường khác như type

Ví dụ:

type  | sysid | name 
country | 1  | America 
country | 2  | Canada 
city  | 1  | New York 
city  | 2  | Los Angles 

Sau đó, trong javascript:

$.post("../include/continet.php", {"id":id}, function(data){ 
    $(country).empty(); 
    $(city).empty(); 
    for (var i = 0; i < data.length; i++) { 
    if(data[i].type == "country"){ 
     $(country).append... 
    } 
    else{ 
     $(city).append... 
    } 
    } 
});