Ajax

Question

Bir kerede iki açılır açılır menü nasıl doldurulur Veritabanımdaki (Durumlar ve Şehirler) 2 iki tablodan iki açılır alan oluyorum. Şehirler tabloları her bir eyaletle bağlantılıdır. Her iki tablodaki verileri php kullanarak Json'a dönüştürdüm. Her ikisini de açılan açılır listeyi doldurmak için Ajax kullanıyorum. Şimdi, bir kullanıcı durum açılır listesinden bir eyalet seçtiğinde şehirleri filtrelemek istiyorum. Aşağıdaki kodu kullanıyorum ve iyi çalışıyor, ancak her doldurulmuş seçenek alanından sonra bir boş seçenek alanı ekliyor. Herhangi bir yardım?

function State() { 
    $('#statedd1').empty(); 
    $('#statedd1').append("<option value='0'>- Select State -</option>"); 
    $('#citydd1').append("<option value='0'>- Select City -</option>"); 
    $.ajax({ 
     type:"GET", 
     url:"states.php", 
     contentType:"application/json; charset=utf-8", 
     dataType:"json", 
     success: function(data) { 
      $('#statedd1').empty(); 
      $('#statedd1').append("<option value='0'>- Select State -</option>"); 
      $.each(data,function (index, item) { 
       $('#statedd1').append('<option value="'+ item.State_ID +'">'+ item.State_Name +'<option>'); 
      }); 
     },complete: function() {} 
    }); 
} 

function City(State_ID) { 
    $('#citydd1').empty(); 
    $('#citydd1').append("<option>Loading...</option>"); 
    $.ajax({ 
     type:"GET", 
     url:"cities.php?Id="+State_ID, 
     contentType:"application/json; charset=utf-8", 
     dataType:"json", 
     success: function(data) { 
      $('#storedd1').empty(); 
      $('#storedd1').append("<option value='0'>- Select City -</option>"); 
      $.each(data,function (index, item) { 
       $('#citydd1').append('<option value="'+ item.CityID +'">'+ item.CityName +'<option>'); 
      }); 
     },complete: function() {} 
    }); 
} 

$(document).ready(function() { 
     State(); 
     $("#statedd1").change(function() { 
      var State_ID = $("#statedd1").val(); 
      City(State_ID); 
     }); 
    }); 

<p><select id="statedd1"></select></p> 
<br><br> 
<p><select id="citydd1" multiple></select></p> 

Answer 1

i Oh wow senin ekleme hattı