JQuery Chosen: Использование триггера («liszt: обновлено») Правильно

Question

У меня есть два разных выбора для города и района. Когда пользователь меняет выбор города, я обновляю выбор района.

Существует мой код:

$("#city").change(function() { 
    $.ajax({ 
     url: '<?php echo SITE_URL; ?>/process/getDistricts?city=' + $(this).val(), 
     type: 'get', 
     success: function (data) { 
      data = JSON.parse(data); 
      var districts = $("#district"); 
      districts.empty(); 
      districts.append('<option value=""> İlçe Seçiniz </option>'); 
      for (var i = 0; i < data.length; i++) { 
       districts.append('<option value="' + data[i].ID + '">' + data[i].name + '</option>'); 
      } 
      $("#district").trigger("liszt:updated"); 

     }, 
     error: function (xhr, ajaxOptions, thrownError) { 
      console.log(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText); 
     } 
    }); 
}); 

Если я не добавить districts.append('<option value=""> İlçe Seçiniz </option>'); линии, первый вариант района автоматического выбора.

И моя кнопка «Поиск-выбор-близко» исчезает, как это:

Как я могу обновить свой выбор Листа правильно?

Answer 1

documentation От выбраны:

Примечание: на отдельных выбирает, предполагается, что первый элемент должен быть выбран браузером. Чтобы использовать текстовую поддержку по умолчанию, вам нужно указать пустой элемент в качестве первого элемента вашего списка выбора .

Это означает, что вам нужно добавить пустой элемент, который будет служить заполнителем для текста по умолчанию.

Кроме того, я не могу видеть «поиск-выбор-закрыть» в вашем коде или изображении.