Как получить имя от id в select2 combo?

Question

У меня есть select2 ComboBox данные загружаются Ajax. Я пытаюсь установить значение по умолчанию на select2, прочитав id от входного значения (которое задано на стороне сервера) и программным образом установите его на select2.

Я думаю, что я должен реализовать функцию initSelection(), чтобы решить эту проблему.

Вот мой код:

Входной HTML является:

<input type="hidden" class="mySelect2" value="01" name="someName" /> 

The value "01" is set at the server

JavaScript является:

$(".mySelect2").select2({ 
    ajax: { 
     url:"data.php", 
     dataType:"json", 
     data:function(term, page) { 
      return { 
       query:term, page: page -1 
      } ; 
     }, 
     results:function(data, page) { 
      return data 
     } 
    } 
}); 

Я попытался это, но это не сработало.

 $(".mySelect2").select2('val', '01'); 

И произошла ошибка: "не может вызвать Val(), если initSelection() не определен"

Answer 1

попробовать что-то вроде этого

 $(function(){ 
      $(".mySelect2").select2({ 
       ajax: { 
        url:"data.php", 
        dataType:"json", 
        data:function(term, page) { 
         return { 
          query:term, page: page -1 
         } ; 
        }, 
        results:function(data, page) { 
         return data 
        }, 

       } 
      }); 
      $(".mySelect2").select2('data', {id:'01',text:'01'}); 
     }) 

HTML код

<input type="hidden" class="mySelect2" style="width:100px;" value="[{id:'01',text:'01'}]" name="someName" /> 

Answer 2

Общий предпосылка инициализации значения по умолчанию в элементе управления select2 с помощью ajax может быть решена с помощью следующего:

initSelection: function (element, callback) { 
     var id = $(element).val(); 
     if (id !== "") { 
     $.ajax("data.php", { 
      data: { 
       id: id // return a single item from your service 
      }, 
      dataType: "json" 
     }).done(function (data) { 
      var results = []; 
      $.each(data, function (index, item) { 
       results.push({ 
        id: item.Id, // whatever your id field is 
        text: item.TextValue // whatever your text field is 
       }); 
      }); 
      callback(results[0]); 
     }); 
    } 
} 

Я не человек PHP, но это должно быть стандартным для всех запросов ajax. Подход в основном предполагает, что вы можете вернуть как один результат, так и список.