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

karen12

Постоялец
Регистрация
26 Фев 2012
Сообщения
108
Реакции
4
Имею 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" в инпут.
Как решить эту задачу , чтобы конфликта не была?
 
Имею 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);

}

});
});
 
Назад
Сверху