Помагите с select2 плагином

[karen12]

Имею select

<select class="select2 form-control custom-select"   id="arh_id">
<option value="CA">California</option>
                                                <option value="1">Nevada</option>
                                                <option value="2">Oregon</option>
                                                <option value="3">Washington</option>
</select>

и

 <input type="text" class="form-control" name="kod" id="kod" readonly   required/ >

js

    $('#arh_id').click(function(){
var id = $('#arh_id').val();

     $.ajax({
       type:'POST',
        dataType: "json",
       data:{id:id},
       url:'get_item_detalis_1.php',
       success:function(data){
           $('#kod').val(data.kod);
                 
      }

      });
      });

Тоесть при выбора пункта select из базы данных с помощю get_item_detalis_1.php выводится данные в input с id = kod. Все работает нормально, ID передается и код выводится в input. Но когда я добавляю функцию $(".select2").select2(); , чтобы при большом списке select option выбрать по поиску у меня перестает передаваться ID в get_item_detalis_1.php и соотвественно не выводится 'KOD" в инпут.
Как решить эту задачу , чтобы конфликта не была?

 

[giorno]

Имею select

<select class="select2 form-control custom-select"   id="arh_id">
<option value="CA">California</option>
                                                <option value="1">Nevada</option>
                                                <option value="2">Oregon</option>
                                                <option value="3">Washington</option>
</select>

и

 <input type="text" class="form-control" name="kod" id="kod" readonly   required/ >

js

    $('#arh_id').click(function(){
var id = $('#arh_id').val();

     $.ajax({
       type:'POST',
        dataType: "json",
       data:{id:id},
       url:'get_item_detalis_1.php',
       success:function(data){
           $('#kod').val(data.kod);
                
      }

      });
      });

Тоесть при выбора пункта select из базы данных с помощю get_item_detalis_1.php выводится данные в input с id = kod. Все работает нормально, ID передается и код выводится в input. Но когда я добавляю функцию $(".select2").select2(); , чтобы при большом списке select option выбрать по поиску у меня перестает передаваться ID в get_item_detalis_1.php и соотвественно не выводится 'KOD" в инпут.
Как решить эту задачу , чтобы конфликта не была?

$(document).on('change', '#arh_id', function(e) {
var id = $(this).val();

$.ajax({
type:'POST',
dataType: "json",
data:{id:id},
url:'get_item_detalis_1.php',
success:function(data){
$('#kod').val(data.kod);

}

});
});