yii2 - How to set kartik select2 value in javascript

Question

I try to set value to kartik select2 in javascript action but still no luck. here is my code in view files:

<div class="col-xs-6">
    <?= $form->field($model, 'item_id')->widget(kartik\select2\Select2::className(), [
        'data' => \yii\helpers\ArrayHelper::map(\app\models\ItemProduction::find()->all(), 'id', 'name'),
        'options' => ['placeholder' => 'Select item'],
        'pluginOptions' => [
            'allowClear' => true,
        ],
    ]) ?>
</div>

and my javascript code like this

$(document).on('click', '.select-row', function(){
    // get id from custom button
    var id = $(this).attr('data-id');
    $.get('../ticket-timbangan/get-ticket', {id : id}, function(data){
            var data = $.parseJSON(data);        
            alert(data.item_id);
            $('#pengirimanproduksi-ticket_id').val(data.id);                
            $('#select2-pengirimanproduksi-item_id-container').val(data.item_id).trigger('change');

            $('#pengirimanproduksi-bruto_tbg').val(data.bruto);
            $('#pengirimanproduksi-tara_tbg').val(data.tara);
            $('#pengirimanproduksi-remark').val(data.remark);
    });
    $('#modalTicketList').modal('hide');        
});

this is I inspect kartik select2 element

<span class="select2-selection__rendered" id="select2-pengirimanproduksi-item_id-container"><span class="select2-selection__placeholder">Select item</span></span>

I try this code $('#select2-pengirimanproduksi-item_id-container').val(data.item_id).trigger('change'); but it changes nothing. Please advice. thanks.

[Refrence](https://stackoverflow.com/questions/25428361/dynamically-add-item-to-jquery-select2-control-that-uses-ajax). — Insane Skull, Nov 28 '17 at 08:20

score 2 · Accepted Answer · answered Nov 28 '17 at 08:57

first id for select2 is wrong.

$('#select2-pengirimanproduksi-item_id-container')

don't confuse with this and use regular one according to your view name, like mine is $('#pengirimanproduksi-item_id').val(your_value).trigger('change') should work.

just reading select2 documentation.

score 1 · Answer 2 · edited Aug 11 '20 at 19:41

1

you can give your own id:

  'options' => ['placeholder' => 'Select item','id' => 'your_id'],

edited Aug 11 '20 at 19:41

Clara

2,677
4
16
31

answered Aug 11 '20 at 14:38

vikas

11
1

yii2 - How to set kartik select2 value in javascript

2 Answers2