Невозможно выбрать первый вариант в select2 dropbox

Question

Использование select2.js У меня есть раскрывающееся меню, которое отлично работает, за исключением одного: при загрузке я не могу нажать на первый вариант в раскрывающемся меню и показать его как текущий выбор. При нажатии на первый вариант ничего не происходит, и если выпадающее меню теряет фокус, заполнитель заполняет поле. Если выбран любой из 40 опций, этот текст значения отображается в раскрывающемся списке, и я могу использовать это значение в своем приложении.

После выбора опции (кроме 1-го), и я снова нажимаю на первый параметр, тогда в поле отображается первое значение параметра, и я могу использовать его без проблем. Эта проблема возникает только при загрузке.

JS

$('.selectArea').select2({ 
     placeholder: 'Area #', 
     allowClear: true, 
     disabled: false 
    }); 

Я заполнил ниспадающее меню с помощью локального файла JSon:

$.getJSON('areaList.json', function(json) { 
     for(i = 0; i < json.length; i++){ 
      $('<option>').attr('value', json[i].MGNT_AREA).text(json[i].MGNT_AREA).appendTo('.selectArea'); 
     } 
    }); 

HTML

<select class="selectArea" style='width: 120px; font-family: Arial'></select> 

Моя цель состоит в том, чтобы иметь возможность загрузить страницу с помощью заполнителя в раскрывающемся списке, затем можно нажать на пихту st и заполните его, чтобы я мог использовать это значение для других частей приложения.

Любая помощь была бы принята с благодарностью.

Answer 1

Необходимо добавить событие change после добавления новых параметров в пустую папку.