программно выбрать параметры Select2 с помощью JQuery

Question

Я попытался ниже решений, чтобы выбрать один из перечисленных вариантов

<select data-placeholder="Company Name" class="select required form-control select2-hidden-accessible" name="company[company_name]" id="company_company_name" tabindex="-1" aria-hidden="true"> 
    <option value=""></option> 
    <option value="ABC">ABC</option> 
    <option value="XYZ Company">XYZ Company</option> 
    <option value="PQR Company">PQR Company</option> 
</select> 

Я пробовал:

// Not working 
$('#company_company_name').select2('val', 'XYZ Company'); 
// => undefined 

// Not Working 
$('#company_company_name').select2('val', 'XYZ Company', true); 
// => undefined 

// Not Working 
$('#company_company_name').select2('data', {id: 'XYZ Company'); 
// => undefined 

// Not working 
$('#company_company_name').select2('data', {id: 'XYZ Company', a_key: 'XYZ Company'); 
// => undefined 

ТАКЖЕ ПРИМЕЧАНИЕ ниже код возвращает пустой массив:

$('#company_company_name').select2('data') 
// => [] 

QUESTIO N

Как выбрать опции select2, которые уже существуют с помощью jquery?

UPDATE

Я также попытался выбрать значение и вызвать изменения, но затем, Выбор2 нарушается, и я могу видеть простого поле выбора

$('#company_company_name').val('XYZ Company').trigger('change'); 

Answer 1

What events does Select2 listen for?

Выбор2 будет прослушивать событие изменения на том, к которому оно привязано. Если вы внесете какие-либо внешние изменения, которые необходимо отразить в Select2 (например, изменение значения), вы должны запустить это событие.

$('#company_company_name').val('XYZ Company'); 

Тогда

$('#company_company_name').trigger('change'); 

Или

$('#company_company_name').trigger('change.select2');